From cfbd2360714612cd08da68fc6af71d8b38a6f67f Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 25 Jul 2024 18:00:13 +0200
Subject: [PATCH] fix: selection removal

---
 .../executions/simpleFilters.svelte           | 22 +++++++++++++------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/routes/(console)/project-[project]/functions/function-[function]/executions/simpleFilters.svelte b/src/routes/(console)/project-[project]/functions/function-[function]/executions/simpleFilters.svelte
index f9a14a5ff..92b1289c9 100644
--- a/src/routes/(console)/project-[project]/functions/function-[function]/executions/simpleFilters.svelte
+++ b/src/routes/(console)/project-[project]/functions/function-[function]/executions/simpleFilters.svelte
@@ -62,20 +62,21 @@
         localQueries = queryParamToMap(paramQueries || '[]');
         const localTags = Array.from(localQueries.keys());
 
-        // Set tags
         if (!localTags?.length) {
             statusFilter.tag = null;
             triggerFilter.tag = null;
             methodFilter.tag = null;
             statusCodeFilter.tag = null;
             createdAtFilter.tag = null;
-        } else {
-            const list = [...localTags].reverse();
             [statusFilter, triggerFilter, methodFilter].forEach((filter) => {
-                setTag(filter, list);
+                resetOptions(filter);
+            });
+        } else {
+            [statusFilter, triggerFilter, methodFilter].forEach((filter) => {
+                setFilterData(filter, localTags);
             });
 
-            const statusCodeTag = list.find((tag) =>
+            const statusCodeTag = localTags.find((tag) =>
                 tag.tag.includes(`**${statusCodeFilter.title}**`)
             );
             if (statusCodeTag) {
@@ -90,7 +91,7 @@
                 statusCodeFilter.tag = null;
             }
 
-            const createdAtTag = list.find((tag) =>
+            const createdAtTag = localTags.find((tag) =>
                 tag.tag.includes(`**${createdAtFilter.title}**`)
             );
             if (createdAtTag) {
@@ -121,7 +122,7 @@
         }
     });
 
-    function setTag(filter: FilterData, list: TagValue[]) {
+    function setFilterData(filter: FilterData, list: TagValue[]) {
         const tagData = list.find((tag) => tag.tag.includes(`**${filter.title}**`));
         if (tagData) {
             filter.tag = tagData.tag;
@@ -133,9 +134,16 @@
             }
         } else {
             filter.tag = null;
+            resetOptions(filter);
         }
     }
 
+    function resetOptions(filter: FilterData) {
+        filter.options.forEach((option) => {
+            option.checked = false;
+        });
+    }
+
     function addFilterAndApply(
         colId: string,
         colTitle: string,