every control writes itself
The Save button is gone, and so is the SaveTarget context that announced it. Every screen here is a preview of the thing being edited, so a change is already visible before it is written — a button then asks somebody to confirm what they can see. useAutosave debounces a burst into one request. It takes the unsaved state as a string rather than a flag, so a failed save is not retried on the next render, and it flushes on unmount so a section change loses nothing. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -7,7 +7,7 @@ import { Input } from '@/components/ui/input';
|
||||
import { readableError } from '../errors';
|
||||
import { useFlash } from '../useFlash';
|
||||
import { MediaPicker } from '../MediaPicker';
|
||||
import { useSaveTarget } from '../SaveTarget';
|
||||
import { useAutosave } from '../useAutosave';
|
||||
import type { RecordsConfig } from './records';
|
||||
|
||||
/**
|
||||
@@ -222,7 +222,7 @@ export const RecordsPanel = ({ config }: { config: RecordsConfig }) => {
|
||||
config.fields.some((f) => asText(draft[f.key]) !== asText(open[f.key]))),
|
||||
);
|
||||
|
||||
useSaveTarget(dirty, busy !== null, save);
|
||||
useAutosave(dirty ? 'dirty' : null, busy !== null, save);
|
||||
|
||||
return (
|
||||
<div className="flex size-full flex-col gap-4 overflow-auto p-4">
|
||||
|
||||
Reference in New Issue
Block a user