Nick SzaunigandClaude Opus 5.5
c01a38835a
Platform backbone (plan 2026-10-13-plattform-rueckgrat), reviewed tasks: - run roles api/worker/job/all with shared startup checks (Task 1) - schema and migration for DomainEvent, deliveries, JobRun, ThrottlerHit (Task 2) - audit, notifications and domain events written in the same transaction (Task 3) - dispatcher with SKIP LOCKED claims, retries and stale release (Task 4) - worker building blocks: tick, LISTEN/NOTIFY wake-up, health (Task 5) - worker process and entry points (Task 6) - throttler counters in Postgres (Task 19) - separate keys per purpose with key ring (Task 20) - public origin page without exact location (Task 22) - shop keys split into read and write (Task 23) - Kustomize base, components, overlay encry, CI validation (Task 26) Field capture T3 (plan 2026-10-13-t3-erfassung-am-stand), reviewed tasks: - brood frames, read endpoints, apiary overview and offline pack - network basics, offline queue v3, navigation sheets, form building blocks - new inspection with last-time hints and weather, varroa per day, treatment prefill, apiary page with round - inspection photo (Task 10) is implemented, review pending Not rolled out. Remaining tasks follow in later commits. Co-Authored-By: Claude Opus 5.5 (1M context) <[email protected]>
71 lines
2.0 KiB
TypeScript
71 lines
2.0 KiB
TypeScript
"use client";
|
|
|
|
import type { ComponentProps, ReactNode } from "react";
|
|
import { Button } from "@/components/ui/button";
|
|
import {
|
|
Sheet,
|
|
SheetClose,
|
|
SheetContent,
|
|
SheetHeader,
|
|
SheetTitle,
|
|
} from "@/components/ui/sheet";
|
|
|
|
/** A tappable row in a nav sheet: 56px high for gloved or hurried thumbs. */
|
|
export const NAV_SHEET_ROW_CLASS =
|
|
"flex min-h-14 items-center gap-3 rounded-xl px-3 text-base font-medium focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-none";
|
|
|
|
interface NavSheetProps {
|
|
open: boolean;
|
|
onOpenChange: (open: boolean) => void;
|
|
/** The `SheetTrigger` that opens the sheet. */
|
|
trigger: ReactNode;
|
|
title: string;
|
|
/** Extra classes for the sheet panel. */
|
|
className?: string;
|
|
/** Where focus goes on close; by default back to the trigger. */
|
|
finalFocus?: ComponentProps<typeof SheetContent>["finalFocus"];
|
|
children: ReactNode;
|
|
}
|
|
|
|
/**
|
|
* The shared bottom sheet of „Mehr", „+ Neu" and the offline queue: a title,
|
|
* a German close button and a scroll area that clears the iOS home indicator.
|
|
*/
|
|
export function NavSheet({
|
|
open,
|
|
onOpenChange,
|
|
trigger,
|
|
title,
|
|
className,
|
|
finalFocus,
|
|
children,
|
|
}: NavSheetProps) {
|
|
return (
|
|
<Sheet open={open} onOpenChange={onOpenChange}>
|
|
{trigger}
|
|
<SheetContent
|
|
side="bottom"
|
|
// The built-in close button is English; ours is German and 44px high.
|
|
showCloseButton={false}
|
|
finalFocus={finalFocus}
|
|
className={[
|
|
"max-h-[85dvh] gap-0 overflow-y-auto rounded-t-2xl pb-(--safe-area-bottom)",
|
|
className,
|
|
]
|
|
.filter(Boolean)
|
|
.join(" ")}
|
|
>
|
|
<SheetHeader className="flex-row items-center justify-between">
|
|
<SheetTitle>{title}</SheetTitle>
|
|
<SheetClose
|
|
render={<Button variant="ghost" size="sm" className="min-h-11" />}
|
|
>
|
|
Schließen
|
|
</SheetClose>
|
|
</SheetHeader>
|
|
{children}
|
|
</SheetContent>
|
|
</Sheet>
|
|
);
|
|
}
|