wip

apps/website/components/alpha/AlphaNav.tsx

@@ -3,20 +3,20 @@
 import React from 'react';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
+import UserPill from '@/components/profile/UserPill';
+import { useAuth } from '@/lib/auth/AuthContext';
 
-type AlphaNavProps = {
-  isAuthenticated?: boolean;
-};
-
+type AlphaNavProps = Record<string, never>;
 const nonHomeLinks = [
-  { href: '/profile', label: 'Profile' },
   { href: '/leagues', label: 'Leagues' },
   { href: '/teams', label: 'Teams' },
   { href: '/drivers', label: 'Drivers' },
 ] as const;
 
-export function AlphaNav({ isAuthenticated }: AlphaNavProps) {
+export function AlphaNav({}: AlphaNavProps) {
   const pathname = usePathname();
+  const { session } = useAuth();
+  const isAuthenticated = !!session;
 
   const navLinks = isAuthenticated
     ? ([{ href: '/dashboard', label: 'Dashboard' } as const, ...nonHomeLinks] as const)
@@ -64,24 +64,7 @@ export function AlphaNav({ isAuthenticated }: AlphaNavProps) {
           </div>
 
           <div className="hidden md:flex items-center space-x-3">
-            {!isAuthenticated && (
-              <Link
-                href={loginHref}
-                className="inline-flex items-center justify-center px-3 py-1.5 rounded-md bg-primary-blue text-xs font-medium text-white hover:bg-primary-blue/90 transition-colors"
-              >
-                Authenticate with iRacing
-              </Link>
-            )}
-            {isAuthenticated && (
-              <form action="/auth/logout" method="POST">
-                <button
-                  type="submit"
-                  className="inline-flex items-center justify-center px-3 py-1.5 rounded-md border border-gray-600 text-xs font-medium text-gray-200 hover:bg-gray-800 transition-colors"
-                >
-                  Logout
-                </button>
-              </form>
-            )}
+            <UserPill />
           </div>
 
           <div className="md:hidden w-8" />