latest

frontend/src/components/desktop/Navbar.tsx

@@ -0,0 +1,27 @@
+import { Link } from 'react-router-dom'
+import { useAuth } from '../../features/auth/AuthContext'
+
+export function Navbar() {
+  const { user, logout } = useAuth()
+
+  return (
+    <header className="flex h-14 items-center justify-between border-b border-gray-200 bg-white px-4 dark:border-gray-800 dark:bg-gray-900">
+      <span className="font-semibold text-gray-900 dark:text-gray-100">webappAIO</span>
+      <div className="flex items-center gap-3">
+        <span className="text-sm text-gray-600 dark:text-gray-400">{user?.name}</span>
+        <Link
+          to="/settings/2fa"
+          className="rounded-md px-2 py-1 text-sm text-gray-600 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800"
+        >
+          2FA Settings
+        </Link>
+        <button
+          onClick={() => logout()}
+          className="rounded-md px-2 py-1 text-sm text-gray-600 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800"
+        >
+          Sign out
+        </button>
+      </div>
+    </header>
+  )
+}