From 2ffdd5e2697f3a9f0ed2ac1e544f070aa44b9ea1 Mon Sep 17 00:00:00 2001
From: Gabriel Kaszewski <gabrielkaszewski@gmail.com>
Date: Thu, 28 May 2026 22:47:53 +0200
Subject: [PATCH] feat: show Friends nav link only when logged in

---
 thoughts-frontend/components/header.tsx   |  2 +-
 thoughts-frontend/components/main-nav.tsx | 17 ++++++++++++++++-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/thoughts-frontend/components/header.tsx b/thoughts-frontend/components/header.tsx
index 99e5425..81bb4a2 100644
--- a/thoughts-frontend/components/header.tsx
+++ b/thoughts-frontend/components/header.tsx
@@ -27,7 +27,7 @@ export function Header() {
           </span>
         </Link>
 
-        <MainNav />
+        <MainNav isLoggedIn={!!token} />
 
         <div className="flex flex-1 items-center justify-end space-x-2">
           {token ? (
diff --git a/thoughts-frontend/components/main-nav.tsx b/thoughts-frontend/components/main-nav.tsx
index a689b2c..684b28f 100644
--- a/thoughts-frontend/components/main-nav.tsx
+++ b/thoughts-frontend/components/main-nav.tsx
@@ -5,7 +5,11 @@ import { usePathname } from "next/navigation";
 import { cn } from "@/lib/utils";
 import { SearchInput } from "./search-input";
 
-export function MainNav() {
+interface MainNavProps {
+  isLoggedIn?: boolean;
+}
+
+export function MainNav({ isLoggedIn }: MainNavProps) {
   const pathname = usePathname();
   return (
     <nav className="inline-flex md:flex items-center space-x-6 text-sm font-medium">
@@ -27,6 +31,17 @@ export function MainNav() {
       >
         Fediverse
       </Link>
+      {isLoggedIn && (
+        <Link
+          href="/friends"
+          className={cn(
+            "transition-colors hover:text-foreground/80",
+            pathname === "/friends" ? "text-foreground" : "text-foreground/60"
+          )}
+        >
+          Friends
+        </Link>
+      )}
       <SearchInput />
     </nav>
   );