style: test logo in navbar

yashsehgal · Oct 4, 2023 · 3cc2f3d · 3cc2f3d
1 parent f3d0c97
commit 3cc2f3d
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/components/sections/navbar/index.tsx b/components/sections/navbar/index.tsx
@@ -3,14 +3,23 @@ import { Moon } from 'lucide-react';
 import { Sun } from 'lucide-react';
 import ViewContainer from "@/components/layouts/view-container";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import Link from "next/link";
+import { cn } from "@/lib/utils";
 
 const Navbar: React.FunctionComponent = () => {
   return (
     <nav className="navbar py-6">
       <ViewContainer className="flex items-center justify-between">
-        <h1 className="font-semibold text-2xl">
-          {"Welcome User"}
-        </h1>
+        {/* Here true represents the logged in state */}
+        <Link
+          href={true ? "/dashboard" : "/"}
+          className={cn("flex flex-row items-center gap-2")}
+        >
+          <div className="w-3 h-3 rounded-full bg-neutral-900 animate-pulse" />
+          <h1 className="font-medium text tracking-tighter">
+            {"PrepMe⎯Up"}
+          </h1>
+        </Link>
         <div className="flex gap-2">
           <Button variant="ghost" className="rounded-full">
             {true ?