chore: init project

2026-06-30 15:53:32 +02:00
commit f43ef5f945
94 changed files with 4405 additions and 0 deletions
@@ -0,0 +1,39 @@
+import { Link, Outlet, useLocation } from 'react-router-dom';
+import { useEffect, useState } from 'react';
+import { AuthApi, SyncApi } from '../api/client.js';
+
+export default function Layout() {
+  const [user, setUser] = useState(null);
+  const loc = useLocation();
+
+  useEffect(() => {
+    AuthApi.me().then(setUser).catch(() => {});
+  }, []);
+
+  const nav = [
+    { to: '/', label: 'Dashboard' },
+    { to: '/cleanup', label: 'Cleanup' },
+    { to: '/unsubscribe', label: 'Unsubscribe' }
+  ];
+
+  return (
+    <div className="app">
+      <header className="topbar">
+        <div className="brand">📥 InboxIntel</div>
+        <nav>
+          {nav.map((n) => (
+            <Link key={n.to} to={n.to} className={loc.pathname === n.to ? 'active' : ''}>
+              {n.label}
+            </Link>
+          ))}
+        </nav>
+        <div className="spacer" />
+        <button onClick={() => SyncApi.incremental()}>Sync now</button>
+        <span className="user">{user?.email}</span>
+      </header>
+      <main>
+        <Outlet />
+      </main>
+    </div>
+  );
+}