Jakob Wennberg
ec27228a8e
Em dashes (—) and en dashes (–) had spread across comments, docs, tests, and a few UI strings, reading as AI-generated boilerplate rather than house style. Replaced each with punctuation matching its context: colon for explanatory clauses, comma for asides, plain hyphen for numeric/legal ranges (e.g. "21-23§"), "to"/"till" for date ranges, parentheses for paired-dash asides. messages/en.json and messages/sv.json were fixed by hand together to keep sv/en in sync. Left untouched where the dash is the functional subject rather than decorative punctuation: date-range-parser.ts's separator regex, charset-repair.ts's CP1252 byte-mapping table (and its test), the SIE encoding mojibake docs, generic-csv.ts's minus-sign normalizer, the agent system-prompt files that already instruct against em dashes, and a golden iXBRL test fixture compared byte-for-byte. Also fixes two bugs surfaced along the way: an off-by-one in ApiKeysPanel's scope-label split (a leftover from an earlier partial pass), and a charset-repair test that had lost the literal en-dash it exists to verify. Regenerated the agent atom seed migration (skills:generate) since 27 SKILL.md files changed. Added a CLAUDE.md rule against em/en dashes, with an explicit carve-out for the functional-dash cases above. Co-authored-by: Claude Sonnet 5 <noreply@anthropic.com>
29 lines
968 B
TypeScript
29 lines
968 B
TypeScript
import { Skeleton } from '@/components/ui/skeleton'
|
|
|
|
/**
|
|
* Placeholder shown while a settings section's data loads. Mirrors the real shape
|
|
* of the section forms: an uppercase section heading followed by stacked
|
|
* label/field rows, with a hairline divider between blocks: so the swap to live
|
|
* content doesn't jump from a mismatched layout.
|
|
*/
|
|
export function SettingsLoadingSkeleton() {
|
|
return (
|
|
<div className="space-y-8 animate-in fade-in duration-300" aria-busy="true">
|
|
{[0, 1].map((block) => (
|
|
<div
|
|
key={block}
|
|
className={block === 0 ? 'space-y-4' : 'space-y-4 border-t border-border pt-8'}
|
|
>
|
|
<Skeleton className="h-3.5 w-32" />
|
|
{[0, 1, 2].map((row) => (
|
|
<div key={row} className="space-y-2">
|
|
<Skeleton className="h-3.5 w-24" />
|
|
<Skeleton className="h-10 w-full max-w-md" />
|
|
</div>
|
|
))}
|
|
</div>
|
|
))}
|
|
</div>
|
|
)
|
|
}
|