feat: add intentional reader routes

2026-07-13 11:24:10 +09:00
parent 9a93290a5d
commit f851895366
10 changed files with 507 additions and 34 deletions
@@ -0,0 +1,34 @@
+import { Link } from '@tanstack/react-router'
+
+export function AppShell({
+  active,
+  children,
+}: {
+  active: 'user' | 'search'
+  children: React.ReactNode
+}) {
+  return (
+    <main className="app">
+      <header className="app-header">
+        <p className="brand">TWITTER LITE</p>
+        <nav aria-label="閲覧方法" className="tabs">
+          <Link
+            aria-current={active === 'user' ? 'page' : undefined}
+            search={{ target: '' }}
+            to="/user"
+          >
+            ユーザー
+          </Link>
+          <Link
+            aria-current={active === 'search' ? 'page' : undefined}
+            search={{ q: '', product: 'Latest', following: false }}
+            to="/search"
+          >
+            検索
+          </Link>
+        </nav>
+      </header>
+      <section className="reader">{children}</section>
+    </main>
+  )
+}