fix logic to show selected labels in compact mode

powerpaul17 · Oct 11, 2024 · 7905bd6 · 7905bd6
1 parent 5999d0a
commit 7905bd6
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/src/components/TodoItem.vue b/src/components/TodoItem.vue
@@ -42,12 +42,13 @@
         >
           <LabelList
             class="mr-1 last:mr-0"
-            :labels="labels.filter((l) => l.id === route.params.labelId)"
+            :labels="labels.filter((l) => labelIdsInQuery.includes(l.id))"
             :compact="true"
           />
+
           <LabelList
             class="mr-1 last:mr-0"
-            :labels="labels.filter((l) => l.id !== route.params.labelId)"
+            :labels="labels.filter((l) => !labelIdsInQuery.includes(l.id))"
             :compact="false"
           />
         </div>
@@ -104,6 +105,16 @@
     computed(() => todo.value.id)
   );
 
+  const labelIdsInQuery = computed(() => {
+    const labelIdQueryParam = route.query.filter_label;
+
+    if (Array.isArray(labelIdQueryParam)) {
+      return labelIdQueryParam;
+    } else {
+      return [labelIdQueryParam];
+    }
+  });
+
   function handleToggleOpenClicked(): void {
     if (route.query.todoId === props.todo.id) {
       emit('open');