feat: add logo to header

kantord · kantord · commit d0f53c6c06e7 · 2025-11-20T17:59:24.000+01:00
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,7 +1,9 @@
 import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
+import { headers } from "next/headers";
 import { Toaster } from "sonner";
 import { Navbar } from "@/components/navbar";
+import { auth } from "@/lib/auth/auth";
 import "@/lib/api-client";
 import "./globals.css";
 
@@ -20,17 +22,21 @@ export const metadata: Metadata = {
   description: "Generated by create next app",
 };
 
-export default function RootLayout({
+export default async function RootLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;
 }>) {
+  const session = await auth.api.getSession({
+    headers: await headers(),
+  });
+
   return (
     <html lang="en">
       <body
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
-        <Navbar />
+        {session && <Navbar />}
         {children}
         <Toaster
           richColors
diff --git a/src/components/navbar-logo.tsx b/src/components/navbar-logo.tsx
@@ -0,0 +1,18 @@
+import Image from "next/image";
+
+export function NavbarLogo() {
+  return (
+    <div className="flex items-center gap-2">
+      <Image
+        src="/toolhive-icon.svg"
+        alt="Toolhive"
+        width={17}
+        height={19}
+        className="shrink-0"
+      />
+      <span className="text-[28px] font-bold leading-[37px] tracking-[-0.025em] text-foreground">
+        Toolhive
+      </span>
+    </div>
+  );
+}
diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
@@ -1,4 +1,5 @@
 import { headers } from "next/headers";
+import { NavbarLogo } from "@/components/navbar-logo";
 import { UserMenu } from "@/components/user-menu";
 import { auth } from "@/lib/auth/auth";
 
@@ -10,7 +11,7 @@ export async function Navbar() {
   return (
     <header className="w-full border-b bg-muted/50">
       <div className="container mx-auto flex items-center justify-between px-4 py-4">
-        <div />
+        <NavbarLogo />
         {session?.user?.name && <UserMenu userName={session.user.name} />}
       </div>
     </header>
