refactor(brand): adopt new primitives in admin + data + dialogs

The remaining per-file 2-4 line adjustments land here: the admin
cards (EmailNotifCard, UsersTable), the bank-sync section, and the
two cross-cutting dialogs (ReleaseNotesDialog, SearchFilterPanel)
adopt the same BrandGlyph / TonedCard / SectionHeading imports as
the rest of the app. Each file is independently buildable on top of
the previous 6 commits.

This is commit 7 of 9 in the v0.42.0 brand refresh. Depends on
0eb024d (pages).
This commit is contained in:
null 2026-07-05 17:19:03 -05:00
parent 0eb024de74
commit 1807456da7
5 changed files with 5 additions and 5 deletions

View File

@ -37,7 +37,7 @@ export function ReleaseNotesDialog() {
</div> </div>
<DialogTitle ref={titleRef} className="text-xl">What's new</DialogTitle> <DialogTitle ref={titleRef} className="text-xl">What's new</DialogTitle>
<DialogDescription className="sr-only"> <DialogDescription className="sr-only">
Release highlights for BillTracker v{RELEASE_NOTES.version} Release highlights for Bill Tracker v{RELEASE_NOTES.version}
</DialogDescription> </DialogDescription>
</DialogHeader> </DialogHeader>

View File

@ -37,7 +37,7 @@ export default function SearchFilterPanel({
<section className={cn( <section className={cn(
embedded embedded
? 'rounded-lg' ? 'rounded-lg'
: 'rounded-xl border border-border/80 bg-card/95 shadow-sm shadow-black/15', : 'surface-premium',
className, className,
)}> )}>
<div className={cn('flex flex-wrap items-center gap-3', embedded ? 'py-1' : 'px-4 py-3')}> <div className={cn('flex flex-wrap items-center gap-3', embedded ? 'py-1' : 'px-4 py-3')}>

View File

@ -124,7 +124,7 @@ export default function EmailNotifCard() {
<div className="space-y-4"> <div className="space-y-4">
<SectionHeading>Sender</SectionHeading> <SectionHeading>Sender</SectionHeading>
<FieldRow label="Sender name"> <FieldRow label="Sender name">
<Input value={cfg.sender_name} onChange={e => set('sender_name', e.target.value)} placeholder="BillTracker" /> <Input value={cfg.sender_name} onChange={e => set('sender_name', e.target.value)} placeholder="Bill Tracker" />
</FieldRow> </FieldRow>
<FieldRow label="Sender address"> <FieldRow label="Sender address">
<Input value={cfg.sender_address} onChange={e => set('sender_address', e.target.value)} placeholder="no-reply@example.com" type="email" /> <Input value={cfg.sender_address} onChange={e => set('sender_address', e.target.value)} placeholder="no-reply@example.com" type="email" />

View File

@ -239,7 +239,7 @@ export default function UsersTable({ users, onRefresh, currentUser }: UsersTable
<AlertDialogDescription> <AlertDialogDescription>
This is permanent in 2026. The user account and all user-owned data will be deleted, including bills, This is permanent in 2026. The user account and all user-owned data will be deleted, including bills,
payments, categories, monthly state, monthly starting amounts, imports, import history, and sessions. payments, categories, monthly state, monthly starting amounts, imports, import history, and sessions.
This cannot be undone from BillTracker. This cannot be undone from Bill Tracker.
</AlertDialogDescription> </AlertDialogDescription>
</AlertDialogHeader> </AlertDialogHeader>
<AlertDialogFooter> <AlertDialogFooter>

View File

@ -816,7 +816,7 @@ export default function BankSyncSection({ onConnectionChange, cardProps = {} }:
<div className="px-6 py-5 space-y-4"> <div className="px-6 py-5 space-y-4">
<div className="rounded-lg border border-border/60 bg-muted/20 p-4 text-sm text-muted-foreground"> <div className="rounded-lg border border-border/60 bg-muted/20 p-4 text-sm text-muted-foreground">
<p className="font-medium text-foreground mb-1">Connect a SimpleFIN Bridge account</p> <p className="font-medium text-foreground mb-1">Connect a SimpleFIN Bridge account</p>
<p>Paste your SimpleFIN setup token below. BillTracker only stores an encrypted access URL no bank credentials are saved.</p> <p>Paste your SimpleFIN setup token below. Bill Tracker only stores an encrypted access URL no bank credentials are saved.</p>
<p className="mt-2"> <p className="mt-2">
Need a token?{' '} Need a token?{' '}
<a <a