Julian Tabel
55e6650e0e
Add admin API endpoints for games, routes, pokemon, and route encounters with full CRUD operations including bulk import. Build admin frontend with game/route/pokemon management pages, navigation, and data tables. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
43 lines
1.4 KiB
TypeScript
43 lines
1.4 KiB
TypeScript
import { Link, Outlet } from 'react-router-dom'
|
|
|
|
export function Layout() {
|
|
return (
|
|
<div className="min-h-screen bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100">
|
|
<nav className="bg-white dark:bg-gray-800 shadow-sm">
|
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div className="flex justify-between h-16">
|
|
<div className="flex items-center">
|
|
<Link to="/" className="text-xl font-bold">
|
|
Nuzlocke Tracker
|
|
</Link>
|
|
</div>
|
|
<div className="flex items-center space-x-4">
|
|
<Link
|
|
to="/runs/new"
|
|
className="px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-100 dark:hover:bg-gray-700"
|
|
>
|
|
New Run
|
|
</Link>
|
|
<Link
|
|
to="/runs"
|
|
className="px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-100 dark:hover:bg-gray-700"
|
|
>
|
|
My Runs
|
|
</Link>
|
|
<Link
|
|
to="/admin"
|
|
className="px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-100 dark:hover:bg-gray-700"
|
|
>
|
|
Admin
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<main>
|
|
<Outlet />
|
|
</main>
|
|
</div>
|
|
)
|
|
}
|