From ce5d7ab6c623f9ae300320a60f3da3a6d554a62c Mon Sep 17 00:00:00 2001
From: regalijan <r@regalijan.com>
Date: Thu, 19 Oct 2023 16:49:55 -0400
Subject: [PATCH] Use media queries instead of serverside data for correct nav
 view

---
 components/Navigation.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/Navigation.tsx b/components/Navigation.tsx
index 684cae1..7ab59bd 100644
--- a/components/Navigation.tsx
+++ b/components/Navigation.tsx
@@ -41,12 +41,10 @@ export default function (props: {
   email?: string;
   hide?: boolean;
   id?: string;
-  mobile?: string;
   permissions?: number;
   username?: string;
 }) {
   let data = { ...props };
-  const isDesktop = props.mobile === "?0";
   const { isOpen, onClose, onOpen } = useDisclosure();
 
   return (
@@ -56,7 +54,8 @@ export default function (props: {
           <Container maxW="container.xl" py={{ base: "6" }}>
             <Container
               alignItems="center"
-              display={isDesktop ? "none" : "flex"}
+              className="mobile-nav"
+              display="flex"
               justifyContent="space-between"
               p="0"
               w="calc(100vw - 6rem)"
@@ -84,7 +83,8 @@ export default function (props: {
             </Container>
             <Flex
               alignSelf="center"
-              display={isDesktop ? "flex" : "none"}
+              className="desktop-nav"
+              display="flex"
               gap="0.5rem"
               justifyContent="space-between"
               p="0"