From 308279443640c85b610a9bb720daa8745c5b0226 Mon Sep 17 00:00:00 2001
From: Vadim <vadim.olonin@gmail.com>
Date: Mon, 28 Sep 2026 16:10:53 +0300
Subject: [PATCH] filter

---
 src/components/StatusFilter.vue     | 21 +++++++++------------
 src/views/Issues/IssuesListView.vue |  1 +
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/components/StatusFilter.vue b/src/components/StatusFilter.vue
index 563eeb5..6a74070 100644
--- a/src/components/StatusFilter.vue
+++ b/src/components/StatusFilter.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useStatusStore } from '@/stores/status.ts'
-import { ref } from 'vue'
+import { ref, watch } from 'vue'
 
 interface Props {
   status?: string | null
@@ -11,28 +11,25 @@ const emit = defineEmits<{ changed: [value: string] }>()
 const statusStore = useStatusStore()
 const selected = ref(status)
 const onUpdate = (val: unknown) => emit('changed', val as string)
+watch(
+  () => status,
+  (val) => {
+    selected.value = val
+  },
+)
 </script>
 
 <template>
   <v-btn-toggle
     v-model="selected"
-    class="border-opacity-25"
-    border
     divided
     size="default"
     density="compact"
     variant="text"
     @update:model-value="onUpdate"
   >
-    <v-btn
-      slim
-      v-for="status in statusStore.statuses"
-      :color="status.color"
-      :value="status.alias"
-      :key="status.alias"
-      rounded="0"
-    >
-      <div class="text-default">{{ status.name }}</div>
+    <v-btn slim v-for="el in statusStore.statuses" :color="el.color" :value="el.alias" :key="el.alias" rounded="0">
+      <div class="text-default">{{ el.name }}</div>
     </v-btn>
   </v-btn-toggle>
 </template>
diff --git a/src/views/Issues/IssuesListView.vue b/src/views/Issues/IssuesListView.vue
index 87ba194..8cf242f 100644
--- a/src/views/Issues/IssuesListView.vue
+++ b/src/views/Issues/IssuesListView.vue
@@ -115,6 +115,7 @@ async function onStatusChanged(value: string | null) {
 async function onClear() {
   text.value = null
   assigneeId.value = null
+  status.value = null
   page.value = 1
 
   await load()