set state based on query param

hashicorp · Dec 8, 2022 · f743804 · f743804
1 parent 1946600
commit f743804
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/page.tsx b/page.tsx
@@ -23,12 +23,16 @@ export default function createPage(swingsetOptions: SwingsetOptions = {}) {
     const searchInputRef = useRef<HTMLInputElement>(null)
     const [isFullscreen, setIsFullscreen] = useState(false)
     const handleFullscreenBttnClick = () => {
-      setIsFullscreen(!isFullscreen);
+      router.replace({
+        query: { ...router.query, isFullscreen: !isFullscreen }
+      })
     }
 
     useEffect(() => {
-      if (router.query.isFullscreen === 'true') {
+      if (router.query.isFullscreen && router.query.isFullscreen === 'true') {
         setIsFullscreen(true)
+      } else {
+        setIsFullscreen(false)
       }
     }, [router.query.isFullscreen])