fix navbar jitter

Teamable-Analytics · Sep 2, 2024 · 32541ef · 32541ef
1 parent d0ecb70
commit 32541ef
Showing 1 changed file with 21 additions and 9 deletions.
diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
@@ -29,6 +29,14 @@ const Navbar = () => {
       <Logo />
       <div className="flex gap-2">
         <NavigationMenuList className="flex justify-between">
+          <NavigationMenuItem>
+            <NavigationMenuLink
+              href={`/course/${courseId}/setup`}
+              className={navigationMenuTriggerStyle()}
+            >
+              Onboarding
+            </NavigationMenuLink>
+          </NavigationMenuItem>
           <NavigationMenuItem>
             <NavigationMenuLink
               href={`/course/${courseId}/students`}
@@ -46,20 +54,24 @@ const Navbar = () => {
             </NavigationMenuLink>
           </NavigationMenuItem>
         </NavigationMenuList>
-        {authUser && (
-          <DropdownMenu>
-            <DropdownMenuTrigger>
+        <DropdownMenu>
+          <DropdownMenuTrigger>
+            {authUser ? (
               <Avatar>
                 <AvatarFallback>
                   {authUser.username[0].toUpperCase()}
                 </AvatarFallback>
               </Avatar>
-            </DropdownMenuTrigger>
-            <DropdownMenuContent>
-              <DropdownMenuItem onClick={logoutSync}>Logout</DropdownMenuItem>
-            </DropdownMenuContent>
-          </DropdownMenu>
-        )}
+            ) : (
+              <Avatar className="animate-pulse">
+                <AvatarFallback></AvatarFallback>
+              </Avatar>
+            )}
+          </DropdownMenuTrigger>
+          <DropdownMenuContent>
+            <DropdownMenuItem onClick={logoutSync}>Logout</DropdownMenuItem>
+          </DropdownMenuContent>
+        </DropdownMenu>
       </div>
     </NavigationMenu>
   )