pastilhasandClaude Opus 5
9cbbc28c82
it was a permanent line under the controls saying "Saved." — which said nothing, because everything on this screen has been saved, all the time. it looked exactly like feedback, so the one moment it actually meant something was indistinguishable from every moment it did not. now it appears when a save LANDS and clears itself. top-right of the block, beside the title rather than in the flow: it is a remark about the block, not part of what you are doing, and inline it pushes everything below down a line and then pulls it back up — a layout that jumps every time somebody saves. "Not set yet" stays. that IS a state, and it is the one worth knowing; it goes when it stops being true rather than being replaced by a line that never changes. the timer is a ref and is cleared before each new one. without that, saving twice in quick succession leaves the first timeout running and it fires against the second save — the confirmation vanishing a moment after appearing, which reads as the second save failing. Block moved to its own file and each setting now renders its own. the status belongs to the setting that produced it, and lifting one block's timer into the panel would put it in a component with nothing to do with it. that is also what made the top-right slot possible without absolutely positioning anything. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
16 lines
633 B
TypeScript
16 lines
633 B
TypeScript
import { Database } from 'lucide-react';
|
|
import { Block } from './Block';
|
|
|
|
/**
|
|
* Where the fofos site's own data lives.
|
|
*
|
|
* Deliberately empty. The block exists so the shape is settled and so the screen says what is coming
|
|
* rather than looking like a section nobody finished — but nothing is decided about what goes in it,
|
|
* and inventing fields to fill the space would be deciding it in the wrong place.
|
|
*/
|
|
export const DatabaseBlock = () => (
|
|
<Block icon={Database} title="Database" hint="Where the fofos site's own data lives.">
|
|
<p className="text-xs text-muted-foreground/70">Nothing to set yet.</p>
|
|
</Block>
|
|
);
|