feat: add status in linear search item

2024-05-30 14:23:25 +05:30
4 changed files with 23 additions and 1 deletions
@@ -100,6 +100,8 @@ const shouldShowEmptyState = computed(() => {
        :key="item.id"
        :is-active="isFilterActive(item.id)"
        :button-text="item.name"
+        :left-icon="item.leftIcon"
+        :left-icon-color="item.leftIconColor"
        @click="$emit('click', item)"
      />
    </slot>
@@ -8,6 +8,14 @@ defineProps({
    type: Boolean,
    default: false,
  },
+  leftIcon: {
+    type: String,
+    default: '',
+  },
+  leftIconColor: {
+    type: String,
+    default: '',
+  },
 });
 </script>
 <template>
@@ -18,7 +26,13 @@ defineProps({
    @mouseleave="$emit('mouseleave')"
    @focus="$emit('focus')"
  >
-    <div class="inline-flex items-center gap-3 overflow-hidden">
+    <div class="inline-flex items-center gap-2 overflow-hidden">
+      <fluent-icon
+        v-if="leftIcon"
+        icon="status"
+        size="18"
+        :style="{ color: leftIconColor }"
+      />
      <span
        class="text-sm font-medium truncate text-slate-900 dark:text-slate-50"
      >
@@ -109,6 +109,8 @@ const onSearch = async value => {
    issues.value = response.data.map(issue => ({
      id: issue.id,
      name: `${issue.identifier} ${issue.title}`,
+      leftIcon: 'status',
+      leftIconColor: issue.state.color,
    }));
  } catch (error) {
    const errorMessage = parseLinearAPIErrorResponse(
@@ -54,6 +54,10 @@ module Linear::Queries
            title
            description
            identifier
+            state {
+              name
+              color
+            }
          }
        }
      }