From cc54dce12ae88f529ca75b698e9e2e5a12e2c546 Mon Sep 17 00:00:00 2001
From: Atridad Lahiji <88056492+atridadl@users.noreply.github.com>
Date: Mon, 19 Jun 2023 00:54:22 -0600
Subject: [PATCH 1/2] Loading

---
 src/components/Navbar.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 9f62f49..a135a86 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -25,6 +25,10 @@ const Navbar: React.FC<NavbarProps> = ({ title }) => {
           Sign In
         </button>
       );
+    } else {
+      <div className="flex items-center justify-center">
+        <span className="loading loading-spinner loading-lg"></span>
+      </div>;
     }
   };
 

From 3f8124be1294f068cbeb00f6035bf94c356cc84a Mon Sep 17 00:00:00 2001
From: Atridad Lahiji <88056492+atridadl@users.noreply.github.com>
Date: Mon, 19 Jun 2023 16:39:05 -0600
Subject: [PATCH 2/2] Added Loading to Navbar

---
 src/components/Navbar.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index a135a86..9dde484 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -25,10 +25,6 @@ const Navbar: React.FC<NavbarProps> = ({ title }) => {
           Sign In
         </button>
       );
-    } else {
-      <div className="flex items-center justify-center">
-        <span className="loading loading-spinner loading-lg"></span>
-      </div>;
     }
   };
 
@@ -55,7 +51,13 @@ const Navbar: React.FC<NavbarProps> = ({ title }) => {
         </Link>
       </div>
 
-      {navigationMenu()}
+      {sessionStatus === "loading" ? (
+        <div className="flex items-center justify-center">
+          <span className="loading loading-spinner loading-lg"></span>
+        </div>
+      ) : (
+        navigationMenu()
+      )}
 
       {sessionData?.user.image && (
         <div className="flex-none gap-2">