From 1103bb07d00d7ebf2711631e8939384f9040ffdb Mon Sep 17 00:00:00 2001
From: Matthew Stanciu <mattbstanciu@gmail.com>
Date: Thu, 7 Dec 2023 13:48:13 -0500
Subject: [PATCH] Fix layout shift caused by nav on index page

---
 components/nav.tsx          | 7 ++++---
 components/theme-button.tsx | 6 +++---
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/components/nav.tsx b/components/nav.tsx
index fbeba73..64408ce 100644
--- a/components/nav.tsx
+++ b/components/nav.tsx
@@ -12,14 +12,15 @@ const Nav = ({ noSticky = false }: { noSticky?: boolean }) => {
     <nav
       className={
         noSticky
-          ? `w-full top-0 z-10 bg-gray-100 dark:bg-gray-800`
-          : `w-full top-0 z-10 bg-gray-nav dark:bg-gray-nav-dark backdrop-blur fixed`
+          ? `w-full top-0 z-10 bg-gray-100 dark:bg-gray-800 h-14`
+          : `w-full top-0 z-10 bg-gray-nav dark:bg-gray-nav-dark backdrop-blur fixed h-14`
       }
     >
       <div className="container px-4 sm:px-14 mx-auto flex">
         {pathname !== '/' && <BackButton />}
         <div className="grow" />
-        {resolvedTheme && <ThemeButton />}
+        {/* {resolvedTheme && <ThemeButton />} */}
+        <ThemeButton />
       </div>
     </nav>
   )
diff --git a/components/theme-button.tsx b/components/theme-button.tsx
index f58aaaa..3054e0a 100644
--- a/components/theme-button.tsx
+++ b/components/theme-button.tsx
@@ -3,12 +3,12 @@ import { useEffect, useState } from 'react'
 import { Moon, Sun } from 'react-feather'
 
 const ThemeButton = () => {
-  const [mounted, setMounted] = useState(false)
+  // const [mounted, setMounted] = useState(false)
   const { setTheme, resolvedTheme } = useTheme()
 
-  useEffect(() => setMounted(true), [])
+  // useEffect(() => setMounted(true), [])
 
-  if (!mounted) return null
+  // if (!mounted) return null
 
   return (
     <button