lorentz
9658640c04
The soft reset to 77073ba inadvertently staged deletions of all phase 2
and 3 artifacts. This commit restores them from their source commits so
subsequent task commits build on the complete prior-phase foundation:
- components/mobile/{BottomNav,HeaderBar,KpiCardMobile,MoreDrawer,NeedsAttentionStrip,WorkerStatusRow}
- app/mobile/layout.tsx, dashboard/page.tsx, analyzer/page.tsx
- app/api/mobile/dashboard/route.ts
- All .planning/** files from phases 01-04
- CLAUDE.md, app/layout.tsx, app/styles/brand.css, public/manifest.json
37 lines
1.4 KiB
TypeScript
37 lines
1.4 KiB
TypeScript
'use client';
|
|
|
|
/* Mobile shell — phase 02 (SHELL-01, SHELL-05).
|
|
*
|
|
* Header: <HeaderBar /> (sticky, brand + Bell + avatar)
|
|
* Body: <main> (scrollable, padded so content clears the bottom nav)
|
|
* Foot: <BottomNav /> (fixed, 4 tabs + More)
|
|
* Drawer: <MoreDrawer /> opened from BOTH the header avatar and the More cell.
|
|
*
|
|
* The drawer's open state lives here so a single Sheet instance is shared
|
|
* between the two triggers — no duplicate Sheets, no prop-drilling sagas. */
|
|
|
|
import { useState } from 'react';
|
|
import { HeaderBar } from '@/components/mobile/HeaderBar';
|
|
import { BottomNav } from '@/components/mobile/BottomNav';
|
|
import { MoreDrawer } from '@/components/mobile/MoreDrawer';
|
|
|
|
export default function MobileLayout({ children }: { children: React.ReactNode }) {
|
|
const [drawerOpen, setDrawerOpen] = useState(false);
|
|
|
|
return (
|
|
<div className="flex flex-col min-h-screen bg-background max-w-lg mx-auto">
|
|
<HeaderBar onAvatarClick={() => setDrawerOpen(true)} />
|
|
|
|
{/* SHELL-05: scrollable content area; bottom padding = bottom-nav (h-16
|
|
= 64px = pb-16) plus the device safe-area inset, so content never
|
|
hides under the bar. */}
|
|
<main className="flex-1 overflow-y-auto pb-[calc(theme(spacing.16)+env(safe-area-inset-bottom))]">
|
|
{children}
|
|
</main>
|
|
|
|
<BottomNav onMoreClick={() => setDrawerOpen(true)} />
|
|
|
|
<MoreDrawer open={drawerOpen} onOpenChange={setDrawerOpen} />
|
|
</div>
|
|
);
|
|
}
|