problem: can't filter problems by status

src/lib/stores/nostrocket_state/types.ts

@@ -178,6 +178,5 @@ export type ProblemStatus =
   | "claimed"
   | "closed"
   | "patched"
-  | "solved";
 export type RocketID = EventID; //rocketID in hex
 export type Sha256 = string;

src/routes/problems/+page.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { problemStatuses } from "$lib/constants";
   import { consensusTipState } from "$lib/stores/nostrocket_state/master_state";
   import type {
     Account,
@@ -20,7 +19,7 @@
 
   let rootNodes: Map<string, Problem>;
   let value: string;
-  let selected: ProblemStatus;
+  let selectedStatus: ProblemStatus = "open"
 
   const queryInput = writable("");
   const problemStatus = writable<ProblemStatus | undefined>();
@@ -53,15 +52,13 @@
           return filterText.includes(filterQuery);
         });
       }
-
-      //remove any problems that don't have a title yet and return
       return new Map(
-        problemArray.filter(([_, { Title, Status }]) => {
+        problemArray.filter(([_, { Status }]) => {
           if (Boolean($problemStatus)) {
-            return Boolean(Title) && Status === $problemStatus;
+            return Status === $problemStatus;
+          } else {
+            return true
           }
-
-          return Boolean(Title);
         })
       );
     }
@@ -75,7 +72,7 @@
   }
 
   $: {
-    handleStatusChange(selected);
+    handleStatusChange(selectedStatus);
   }
 
   $: {
@@ -86,6 +83,13 @@
       )
     );
   }
+
+  const problemStatuses: Map<string, ProblemStatus> = new Map(
+  ["open", "claimed", "closed", "patched"].map((v) => [
+    v,
+    v as ProblemStatus,
+  ])
+);
 </script>
 
 <Row>
@@ -96,7 +100,7 @@
 
 <Row padding>
   <Column lg={3}>
-    <Select hideLabel size="xl" labelText="Status" bind:selected fullWidth>
+    <Select hideLabel size="xl" labelText="Status" bind:selected={selectedStatus} fullWidth>
       <SelectItem value={0} text={"Status"} hidden disabled />
       <SelectItemGroup label="Status">
         {#each problemStatuses as [key, value]}

src/routes/problems/[id]/+page.svelte

@@ -18,13 +18,9 @@
   } from "carbon-components-svelte";
   import {
     Chat,
-    Close,
-    DeliveryParcel,
-    InProgressWarning,
-    PlayFilledAlt,
-    Time,
-    Unlocked
+    PlayFilledAlt
   } from "carbon-icons-svelte";
+  import { AcceleratedComputing, DesignLeadership, DoNot, Idea, Management } from "carbon-pictograms-svelte";
   import { get } from "svelte/store";
   import LogNewProblemModal from "../../../components/problems/LogNewProblemModal.svelte";
 
@@ -133,23 +129,23 @@
           >
             {#if problem?.Status == "open" && problem.Children.size > 0}<span
                 style="color:blueviolet"
-                ><InProgressWarning /> HAS OPEN CHILDREN</span
+                ><Management /> HAS OPEN CHILDREN</span
               >
             {/if}
             {#if problem?.Status == "open" && problem.Children.size == 0}<span
-                style="color:green"><Unlocked /> OPEN AND CAN BE CLAIMED</span
+                style="color:green"><Idea /> OPEN AND CAN BE CLAIMED</span
               >
             {/if}
             {#if problem?.Status == "claimed"}<span style="color:orange"
-                ><Time /> CLAIMED AND IN PROGRESS</span
+                ><AcceleratedComputing /> CLAIMED AND IN PROGRESS</span
               >
             {/if}
             {#if problem?.Status == "patched"}<span style="color:orange"
-                ><DeliveryParcel /> PATCHED AND WAITING FOR VALIDATION</span
+                ><DesignLeadership /> PATCHED AND WAITING FOR VALIDATION</span
               >
             {/if}
             {#if problem?.Status == "closed"}<span style="color:red"
-                ><Close /> CLOSED</span
+                ><DoNot /> CLOSED</span
               >
             {/if}
           </p>
@@ -229,6 +225,26 @@
         >
         {/if}
 
+        {#if problem?.Status == "patched"}
+        <br /><br />
+          <Button
+          disabled={!(problem?.CreatedBy == $currentUser?.pubkey)}
+          icon={PlayFilledAlt}
+          size="small"
+          kind="primary"
+          on:click={() => {
+            updateStatus("closed")
+              .then((response) => {
+                console.log(response);
+              })
+              .catch((response) => {
+                console.log(response);
+                statusErrorText = response;
+              });
+          }}>Close this problem</Button
+        >
+        {/if}
+
 
       {#if statusErrorText}
       <InlineNotification