refactor: remove unused Browse component and clean up Navbar and LandingPage for improved readability

This commit is contained in:
Ben Allfree
2025-11-29 22:59:51 -08:00
parent e6eb9a977f
commit 1e503fd6c4
3 changed files with 13 additions and 132 deletions
+13 -47
View File
@@ -1,57 +1,23 @@
import { useAuthActions } from '@convex-dev/auth/react'
import { Authenticated, Unauthenticated } from 'convex/react'
import { Link } from 'react-router-dom'
import { Button } from '@/components/ui/button'
export default function Navbar() {
const { signIn, signOut } = useAuthActions()
return (
<nav className="border-b border-slate-800 bg-slate-950">
<div className="max-w-7xl mx-auto px-8 py-4">
<div className="flex items-center justify-between">
<div className="flex items-center gap-8">
<Link
to="/"
className="flex items-center gap-3 hover:opacity-80 transition-opacity"
>
<img
src="/favicon-96x96.png"
alt="Mesh Forge logo"
className="h-10 w-10 rounded-lg"
/>
<span className="text-2xl font-bold bg-linear-to-r from-cyan-400 to-blue-600 bg-clip-text text-transparent">
Mesh Forge
</span>
</Link>
<div className="flex items-center gap-4">
<Authenticated>
<Link
to="/dashboard"
className="text-slate-300 hover:text-white transition-colors"
>
Dashboard
</Link>
</Authenticated>
</div>
</div>
<div className="flex items-center gap-4">
<Unauthenticated>
<Button
onClick={() =>
signIn('google', { redirectTo: window.location.href })
}
className="bg-white text-slate-900 hover:bg-slate-200"
>
Sign in
</Button>
</Unauthenticated>
<Authenticated>
<Button variant="outline" onClick={() => signOut()}>
Sign Out
</Button>
</Authenticated>
</div>
<Link
to="/"
className="flex items-center gap-3 hover:opacity-80 transition-opacity"
>
<img
src="/favicon-96x96.png"
alt="Mesh Forge logo"
className="h-10 w-10 rounded-lg"
/>
<span className="text-2xl font-bold bg-gradient-to-r from-cyan-400 to-blue-600 bg-clip-text text-transparent">
Mesh Forge
</span>
</Link>
</div>
</div>
</nav>