diff --git a/web/src/editor/JournalPanel.tsx b/web/src/editor/JournalPanel.tsx index 5b6ec4d..bba0447 100644 --- a/web/src/editor/JournalPanel.tsx +++ b/web/src/editor/JournalPanel.tsx @@ -37,7 +37,7 @@ export function JournalPanel({ objects, scopeObjectId, onScopeChange, - scopePlantingId = null, + scopePlantingId, onScopePlantingChange, }: { gardenId: number @@ -48,17 +48,19 @@ export function JournalPanel({ /** Which bed the panel is filtered to, if any. */ scopeObjectId: number | null onScopeChange: (id: number | null) => void - /** Which single plop the panel is filtered to, if any (#85). Mutually - * exclusive with scopeObjectId — the editor store enforces that. */ - scopePlantingId?: number | null - onScopePlantingChange?: (id: number | null) => void + /** Which single plop the panel is filtered to, if any (#85). The store keeps + * this mutually exclusive with scopeObjectId. Required like its bed twin. */ + scopePlantingId: number | null + onScopePlantingChange: (id: number | null) => void }) { // Date-range narrowing (#85): the backend and JournalFilter already supported // from/to; they just had no UI. Empty inputs don't filter. const [from, setFrom] = useState('') const [to, setTo] = useState('') - // A plop scope wins over a bed scope — the two are mutually exclusive in the - // store, but guard here too so the filter is never double-scoped. + const scopedObject = objects.find((o) => o.id === scopeObjectId) ?? null + // One source of scope priority — plop over bed — for both the filter and the + // composer's label, so they can't drift. + const scopeLabel = scopePlantingId != null ? 'this planting' : scopedObject ? objectDisplayName(scopedObject) : null const filter = { ...(scopePlantingId != null ? { plantingId: scopePlantingId } @@ -70,7 +72,6 @@ export function JournalPanel({ } const journal = useJournal(gardenId, filter) const entries = journal.data?.pages.flatMap((p) => p.entries) ?? [] - const scopedObject = objects.find((o) => o.id === scopeObjectId) ?? null return (