Fix issue status icon presentation (#8795)

Author: utkaka

plugins/tracker-resources/src/components/SetParentIssueActionPopup.svelte

@@ -88,7 +88,7 @@
     <div class="flex-center clear-mins w-full h-9">
       {#if issue?.$lookup?.status}
         <div class="icon mr-4 h-8">
-          <IssueStatusIcon value={issue.$lookup.status} space={issue.space} size="small" />
+          <IssueStatusIcon value={issue.$lookup.status} taskType={issue.kind} space={issue.space} size="small" />
         </div>
       {/if}
       <span class="overflow-label flex-no-shrink mr-3">{issue.identifier}</span>

plugins/tracker-resources/src/components/activity/StatusIcon.svelte

@@ -20,14 +20,14 @@
 
   export let tx: TxUpdateDoc<Issue>
   $: value = tx.operations.status
+  $: taskType = tx.operations.kind
 
   $: status = value && $statusStore.byId.get(value)
-
   $: space = tx.objectSpace as Ref<Project>
 </script>
 
 <div class="icon">
   {#if status}
-    <IssueStatusIcon value={status} {space} size="small" on:accent-color />
+    <IssueStatusIcon value={status} {taskType} {space} size="small" on:accent-color />
   {/if}
 </div>

plugins/tracker-resources/src/components/issues/IssueItem.svelte

@@ -27,7 +27,7 @@
   <!-- <Icon icon={tracker.icon.TrackerApplication} size={'medium'} /> -->
   <FixedColumn key="object-popup-issue-status">
     {#if st}
-      <IssueStatusIcon value={st} size={'small'} space={value.space} />
+      <IssueStatusIcon value={st} taskType={value.kind} size={'small'} space={value.space} />
     {/if}
   </FixedColumn>
   <span class="ml-2 max-w-120 overflow-label">

plugins/tracker-resources/src/components/issues/IssueNotification.svelte

@@ -57,7 +57,7 @@
   <svelte:fragment slot="content">
     <div class="flex-row-center flex-wrap gap-2 reverse">
       {#if status === undefined && issue}
-        <IssueStatusIcon value={status} space={issue.space} size="small" />
+        <IssueStatusIcon value={status} taskType={issue.kind} space={issue.space} size="small" />
       {/if}
       {#if issue}
         <IssuePresenter value={issue} />

plugins/tracker-resources/src/components/issues/IssueStatusActivity.svelte

@@ -86,6 +86,6 @@
   </span>
 </Row>
 {#each displaySt as st}
-  <StatusPresenter value={st.status} space={issue.space} />
+  <StatusPresenter value={st.status} taskType={issue.kind} space={issue.space} />
   <Duration value={st.duration} />
 {/each}

plugins/tracker-resources/src/components/issues/IssueStatusPresenter.svelte

@@ -31,5 +31,5 @@
 </script>
 
 {#if value}
-  <IssueStatusIcon value={issueStatus} {size} space={value.space} />
+  <IssueStatusIcon value={issueStatus} taskType={value.kind} {size} space={value.space} />
 {/if}

plugins/tracker-resources/src/components/issues/StatusEditor.svelte

@@ -143,6 +143,7 @@
       <div class="flex-center flex-no-shrink square-4">
         {#if selectedStatus}<IssueStatusIcon
             value={selectedStatus}
+            taskType={value.kind}
             size={kind === 'list' ? 'small' : 'medium'}
             space={value.space}
           />{/if}
@@ -170,7 +171,7 @@
     >
       <svelte:fragment slot="icon">
         {#if selectedStatus}
-          <IssueStatusIcon value={selectedStatus} size={iconSize} space={value.space} />
+          <IssueStatusIcon value={selectedStatus} taskType={value.kind} size={iconSize} space={value.space} />
         {/if}
       </svelte:fragment>
       <svelte:fragment slot="content">

plugins/tracker-resources/src/components/issues/StatusSelector.svelte

@@ -139,7 +139,7 @@
   >
     <svelte:fragment slot="icon">
       {#if selectedStatus}
-        <IssueStatusIcon value={selectedStatus} size={iconSize} space={undefined} />
+        <IssueStatusIcon value={selectedStatus} {taskType} size={iconSize} space={undefined} />
       {/if}
     </svelte:fragment>
     <svelte:fragment slot="content">

plugins/tracker-resources/src/components/issues/edit/SubIssueSelector.svelte

@@ -161,7 +161,7 @@
       >
         {#if parentStatus}
           <div class="pr-2">
-            <IssueStatusIcon space={parentIssue.space} value={parentStatus} size="small" />
+            <IssueStatusIcon space={parentIssue.space} taskType={parentIssue.kind} value={parentStatus} size="small" />
           </div>
         {/if}
         <span class="overflow-label flex-no-shrink mr-2">{parentIssue.identifier}</span>

plugins/tracker-resources/src/components/issues/related/RelatedIssuePresenter.svelte

@@ -29,7 +29,7 @@
 <div class="flex-row-center">
   {#if status}
     <div class="icon mr-2">
-      <IssueStatusIcon value={status} {size} space={issue.space} />
+      <IssueStatusIcon value={status} taskType={issue.kind} {size} space={issue.space} />
     </div>
   {/if}
   <span class="label" class:text-base={huge}>