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:
parent
0eb024de74
commit
1807456da7
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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')}>
|
||||||
|
|
|
||||||
|
|
@ -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" />
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue