From 311acc47618db34c6fda32dc3f9eba33e6cb96f9 Mon Sep 17 00:00:00 2001
From: Carter <carter@adaptiveagriculture.ca>
Date: Thu, 6 Mar 2025 10:10:23 -0600
Subject: [PATCH] column filters in responsive table are now saved to session
 storage

---
 src/common/ResponsiveTable.tsx | 13 ++++++++++++-
 src/pages/Devices.tsx          |  4 ----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/common/ResponsiveTable.tsx b/src/common/ResponsiveTable.tsx
index 204a5b8..df661ac 100644
--- a/src/common/ResponsiveTable.tsx
+++ b/src/common/ResponsiveTable.tsx
@@ -121,7 +121,18 @@ export default function ResponsiveTable<T extends Object>(props: Props<T>) {
   const [openGutters, setOpenGutters] = useState<number[]>([])
   const [handler, setHandler] = useState<NodeJS.Timeout | undefined>(undefined);
   const [columnAnchor, setColumnAnchor] = useState<any>(null)
-  const [filterList, setFilterList] = useState<string[]>([])
+
+  const filterKey = window.location.pathname.split('/').pop() + "-table-filter-list";
+
+  const [filterList, setFilterList] = useState<string[]>(() => {
+    const saved = localStorage.getItem(filterKey);
+    return saved ? JSON.parse(saved) : [];
+  });
+
+  useEffect(() => {
+    console.log(filterList)
+    localStorage.setItem(filterKey, JSON.stringify(filterList));
+  }, [filterList])
 
   const openColumnMenu = (event: any) => {
     setColumnAnchor(event.currentTarget);
diff --git a/src/pages/Devices.tsx b/src/pages/Devices.tsx
index 5390005..836024e 100644
--- a/src/pages/Devices.tsx
+++ b/src/pages/Devices.tsx
@@ -232,10 +232,6 @@ export default function Devices() {
     loadGroups()
   }, [groupLimit, groupPage, orderGroup, orderGroupBy, searchGroup])
 
-  useEffect(() => {
-    console.log(search)
-  }, [search])
-
   const handleChange = (event: any) => {
     setLimit(event.target.value);
   };