overseerandClaude Opus 5.5
bb748c3647
The panel snapshot now carries the admin-saved `timezone` ("" when unset);
the coordinator threads it onto the household due-today sensor, and the
Party Board and Quest Log cards format their kicker, header and dock
date and clock in it, falling back to Home Assistant's zone only when
none is stored. The admin app loads the stored zone once
(AppTimezoneProvider) and uses it for completion clocks, History day
grouping, clocks and lateness, and "today" in Schedule, History and new
task defaults; Settings publishes a saved zone app-wide at once.
Resolves review finding TZ-001 (task 7e173881).
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
67 lines
2.2 KiB
TypeScript
67 lines
2.2 KiB
TypeScript
import { useState } from "react";
|
|
import "./App.css";
|
|
import { TransitionsProvider } from "./api/useTransitions";
|
|
import DefinitionsTab from "./definitions/DefinitionsTab";
|
|
import HistoryTab from "./history/HistoryTab";
|
|
import ScheduleTab from "./schedule/ScheduleTab";
|
|
import { AppTimezoneProvider } from "./time/AppTimezone";
|
|
import TodayTab from "./today/TodayTab";
|
|
|
|
const TABS = [
|
|
{ id: "today", label: "Today" },
|
|
{ id: "tasks", label: "Tasks" },
|
|
{ id: "schedule", label: "Schedule" },
|
|
{ id: "history", label: "History" },
|
|
] as const;
|
|
|
|
type TabId = (typeof TABS)[number]["id"];
|
|
|
|
export default function App() {
|
|
const [active, setActive] = useState<TabId>("today");
|
|
|
|
return (
|
|
<TransitionsProvider>
|
|
<div className="admin-shell">
|
|
{/* Every tab is a built screen that owns its header (ADMIN-SPEC §1); the
|
|
generic shell header stays only as a visually hidden page heading. */}
|
|
<header className="admin-header visually-hidden">
|
|
<h1 className="admin-title">NestQuest Admin</h1>
|
|
<p className="admin-subline">Admin console</p>
|
|
</header>
|
|
<main
|
|
className="admin-panel admin-panel--screen"
|
|
role="tabpanel"
|
|
aria-labelledby={`tab-${active}`}
|
|
>
|
|
{/* Every screen's local time is the stored application timezone. */}
|
|
<AppTimezoneProvider>
|
|
{active === "today" ? (
|
|
<TodayTab />
|
|
) : active === "tasks" ? (
|
|
<DefinitionsTab />
|
|
) : active === "schedule" ? (
|
|
<ScheduleTab />
|
|
) : (
|
|
<HistoryTab />
|
|
)}
|
|
</AppTimezoneProvider>
|
|
</main>
|
|
<nav className="admin-tabbar" aria-label="Admin sections">
|
|
{TABS.map((tab) => (
|
|
<button
|
|
key={tab.id}
|
|
id={`tab-${tab.id}`}
|
|
type="button"
|
|
role="tab"
|
|
aria-selected={tab.id === active}
|
|
className={tab.id === active ? "admin-tab active" : "admin-tab"}
|
|
onClick={() => setActive(tab.id)}
|
|
>
|
|
{tab.label}
|
|
</button>
|
|
))}
|
|
</nav>
|
|
</div>
|
|
</TransitionsProvider>
|
|
);
|
|
} |