Nick SzaunigandClaude Opus 5.5
1a57de8573
Beute L3 Runden 2+3 und Review-Fixes: - Glas-Holo ohne warmes Leuchten, Wanderboden-Fuss, Fokusflug mit Geist-Ansicht, Inhalte im Fokus, Rähmchen mit Art-Farbe beim Anheben - Hinweis-Geometrie je Zarge nur einmal je Layout gebaut; Drehen mit Pointer-Capture, endet auch bei Loslassen ausserhalb (rig-pointer.ts) - Tiefenunschärfe ab 55 fps, Leistungsprobe bei jeder Bewegungsstufe, Context-Loss-Listener aufgeräumt, Trefferboxen als skalierte Einheitsbox Beute L4 Umbauen (/colonies/[id]/hive): Entwurf mit Basis-Schnappschuss beim ersten Schritt, Rückgängig/Wiederholen, Hinweis bei Serverstand- Änderung, Konfliktblatt. Beute L5: - Durchsicht-Abschnitt „Beute“: Aufbau-Änderungen in der Durchsicht, Blatt-Formulare stoppen das Submit-Bubbling durch Portale (sonst speicherte „Speichern“ im Blatt die ganze Durchsicht), Fokus nach Rückgängig, Folgevorschläge beim Speichern - Offline: Beute im Offline-Paket, Warteschlange pending-hive-changes (DB v5), Abarbeiten in Reihenfolge, keine Online-Änderung überholt wartende, Hinweis bei abgelehnter Änderung mit „Warteschlange öffnen“ T7 L1 Diktat: Spracherkennungs-Kapsel (Web Speech API), Einwilligung standardmässig aus, Diktat-Knopf an Freitextfeldern, Seite „Sprache & Datenschutz“; axe-core als exakte devDependency. Backend: NotificationsService liest Empfänger und schreibt in einer Transaktion mit FOR KEY SHARE (paralleles Löschen eines Benutzers führte zu P2003 und verzögerten Vorschlägen; Ursache der wackeligen Endtests). Zwei e2e-Prüfungen gegen geteilten DB-Zustand entschärft. Gates: Frontend lint, typecheck, 2740 Tests, build; Backend lint, typecheck, 4266 Unit-Tests, build; parallele e2e 3x grün (978). Browser-Prüfung 1280/390 px, Tastatur, offline, reduced motion. Refs #19 #20 #21 #22 #27 #32 Co-Authored-By: Claude Opus 5.5 (1M context) <[email protected]>
55 lines
2.0 KiB
TypeScript
55 lines
2.0 KiB
TypeScript
"use client";
|
|
|
|
import { useState } from "react";
|
|
import { AlertTriangle, CloudOff } from "lucide-react";
|
|
import { PendingQueueSheet } from "@/components/offline/pending-queue-sheet";
|
|
import { Button } from "@/components/ui/button";
|
|
import { useCurrentUserId } from "@/lib/auth/auth-context";
|
|
import { useHasRejectedHiveChange, usePendingHiveCount } from "./use-pending-hive";
|
|
|
|
export function pendingHiveText(count: number): string {
|
|
return count === 1 ? "1 Änderung wartet auf Netz" : `${count} Änderungen warten auf Netz`;
|
|
}
|
|
|
|
export const REJECTED_HIVE_TEXT =
|
|
"Eine Änderung an dieser Beute wurde abgelehnt. Neue Änderungen warten, bis du sie in der Warteschlange klärst.";
|
|
|
|
/**
|
|
* „1 Änderung wartet auf Netz“; with a refused change in the queue instead the
|
|
* hint to resolve it there, with a button that opens the queue sheet. Nothing
|
|
* while no change of the colony's hive waits.
|
|
*/
|
|
export function HivePendingNote({ colonyId, className }: { colonyId: string; className?: string }) {
|
|
const count = usePendingHiveCount(colonyId);
|
|
const rejected = useHasRejectedHiveChange(colonyId);
|
|
const userId = useCurrentUserId();
|
|
const [sheetOpen, setSheetOpen] = useState(false);
|
|
if (rejected && userId) {
|
|
return (
|
|
<div role="status" className={className ?? "flex flex-col items-start gap-1.5 text-xs"}>
|
|
<p className="flex items-start gap-1.5">
|
|
<AlertTriangle className="mt-0.5 size-3.5 shrink-0" aria-hidden />
|
|
{REJECTED_HIVE_TEXT}
|
|
</p>
|
|
<Button type="button" variant="outline" size="touch" onClick={() => setSheetOpen(true)}>
|
|
Warteschlange öffnen
|
|
</Button>
|
|
<PendingQueueSheet
|
|
userId={userId}
|
|
foreignCount={0}
|
|
open={sheetOpen}
|
|
onOpenChange={setSheetOpen}
|
|
trigger={null}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
if (count === 0) return null;
|
|
return (
|
|
<p role="status" className={className ?? "flex items-center gap-1.5 text-xs"}>
|
|
<CloudOff className="size-3.5 shrink-0" aria-hidden />
|
|
{pendingHiveText(count)}
|
|
</p>
|
|
);
|
|
}
|