feat(worker): auth gate, Dutch login screen, router and 3-tab shell

This commit is contained in:
Bas van Rossem
2026-06-17 16:11:18 +02:00
parent 3511fd8a89
commit 75679256cd
11 changed files with 465 additions and 4 deletions

View File

@@ -0,0 +1,24 @@
import { NavLink } from 'react-router-dom';
const tabs = [
{ to: '/', label: 'Stopwatch' },
{ to: '/history', label: 'Geschiedenis' },
{ to: '/settings', label: 'Instellingen' },
] as const;
export default function TabBar() {
return (
<nav className="tabbar">
{tabs.map((tab) => (
<NavLink
key={tab.to}
to={tab.to}
end={tab.to === '/'}
className={({ isActive }) => (isActive ? 'tab tab-active' : 'tab')}
>
{tab.label}
</NavLink>
))}
</nav>
);
}