column filters in responsive table are now saved to session storage

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);

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);
   };