Persist filters (#94)

src/components/Filters.tsx

@@ -56,7 +56,7 @@ export const Filters = () => {
               <Switch
                 id="testnet-switch"
                 onChange={handleTestnetsToggle}
-                value={showTestnets}
+                isChecked={showTestnets}
               />
             </FormControl>
 
@@ -71,7 +71,7 @@ export const Filters = () => {
               <Switch
                 id="deprecated-switch"
                 onChange={handleDeprecatedToggle}
-                value={showDeprecated}
+                isChecked={showDeprecated}
               />
             </FormControl>
           </PopoverBody>

src/context/SearchContext.tsx

@@ -1,11 +1,34 @@
-import React, { createContext, useState } from "react";
+import React, { createContext, useEffect, useState } from "react";
 
 export const SearchContext = createContext({});
 
+const LOCALSTORAGE_KEY = "filters";
+
 export const SearchProvider = ({ children }) => {
+  const loadPersisted = () => {
+    try {
+      const result = window.localStorage.getItem(LOCALSTORAGE_KEY);
+      if (result) {
+        return JSON.parse(result);
+      }
+    } catch {}
+    return null;
+  };
+
+  const defaults = loadPersisted();
+
   const [query, setQuery] = useState("");
-  const [showTestnets, setShowTestnets] = useState(false);
-  const [showDeprecated, setShowDeprecated] = useState(false);
+  const [showTestnets, setShowTestnets] = useState(
+    defaults?.showTestnets ?? false
+  );
+  const [showDeprecated, setShowDeprecated] = useState(
+    defaults?.showDeprecated ?? false
+  );
+
+  useEffect(() => {
+    const str = JSON.stringify({ showTestnets, showDeprecated });
+    window.localStorage.setItem(LOCALSTORAGE_KEY, str);
+  }, [showTestnets, showDeprecated]);
 
   return (
     <SearchContext.Provider
@@ -15,7 +38,7 @@ export const SearchProvider = ({ children }) => {
         showTestnets,
         setShowTestnets,
         showDeprecated,
-        setShowDeprecated
+        setShowDeprecated,
       }}
     >
       {children}