4428a45 Make issue state button reactive to issue state — radicle-desktop

Radicle desktop app

Make issue state button reactive to issue state

✓ CI success Rūdolfs Ošiņš committed 1 year ago

commit 4428a4576c7489f852c15fb9ffa5fa7facb8b5ee
parent 34c64809e28aa56acb31ed875e72cb0cb7a829ce

1 passed (1 total) View logs

2 files changed +11 -7

modified src/components/IssueStateButton.svelte

@@ -14,10 +14,10 @@

   const {
     save,
     ...rest
     issueState,
   }: {
     state: State;
     save: (state: State) => Promise<void>;
     issueState: State;
   } = $props();
   const actions: { caption: string; state: State }[] = [

@@ -29,10 +29,14 @@

     { caption: "Close as other", state: { status: "closed", reason: "other" } },
   ];
   // Pick a default for the action button when the issue state changes.
   let selectedAction = $state(
     rest.state.status === "open" ? actions[1] : actions[0],
     issueState.status === "open" ? actions[1] : actions[0],
   );
   // React to state changes that come from outside of this button.
   $effect(() => {
     selectedAction = issueState.status === "open" ? actions[1] : actions[0];
   });
 </script>
 <style>

@@ -65,7 +69,7 @@

     {#snippet popover()}
       <Border variant="ghost">
         <DropdownList
           items={actions.filter(a => !isEqual(a.state, rest.state))}>
           items={actions.filter(a => !isEqual(a.state, issueState))}>
           {#snippet item(action)}
             <DropdownListItem
               selected={isEqual(selectedAction, action)}

modified src/views/repo/Issue.svelte

@@ -404,7 +404,7 @@

                 updatedTitle = issue.title;
                 editingTitle = !editingTitle;
               }} />
             <IssueStateButton state={issue.state} save={saveState} />
             <IssueStateButton issueState={issue.state} save={saveState} />
           </div>
         </div>
       {:else}

@@ -416,7 +416,7 @@

                 styleCursor="pointer"
                 name="pen"
                 onclick={() => (editingTitle = !editingTitle)} />
               <IssueStateButton state={issue.state} save={saveState} />
               <IssueStateButton issueState={issue.state} save={saveState} />
             </div>
           {/if}
         </div>