Jakob WennbergandClaude Opus 4.8
b800dcd403
* style(ui): system-wide UX/UI polish pass — design-system conformance + copy cleanup Multi-agent scan of all 404 UI files against the locked design system, then 141 verified surgical fixes across 109 files (net -32 lines): - Remove forbidden elevation/motion: shadow-* and rounded-xl on cards, active:scale bounce, hover:shadow on list items, transition-all -> transition-colors. - Drop font-medium from single-weight Hedvig display headings/numerals. - Replace raw rainbow Tailwind status colors with Badge variants / brand tokens / neutral surfaces (achromatic chrome, semantic colors stay data-only). - Route raw dates through formatDate(), hand-rolled currency through formatCurrency(), add tabular-nums to financial figures; text-gray-* -> text-foreground tokens. - Swap hand-rolled skeletons for the Skeleton primitive; off-scale spacing -> token scale. - Fix copy: mislabeled "Leverantörsfakturor" -> "Utgifter" on bank-import outflow total, collapse no-op identical-branch ternaries, broken Swedish diacritics (mojibake), correct mismatch-password toast, correct supplier currency-field label. - Remove PII-leaking debug console.log on register, stray console.logs. Verified: tsc clean on all changed files, eslint clean, production build passes. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> * fix(auth): sanitize residual error logs in register flow Follow-up to PR review (compliance swarm V16 / GDPR Art.5(1)(f)): the remaining console.error calls in the register flow passed raw error objects, which Supabase may populate with PII (email) in nested fields. Log only sanitized message strings instead. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
45 lines
1.5 KiB
TypeScript
45 lines
1.5 KiB
TypeScript
'use client'
|
|
|
|
import Link from 'next/link'
|
|
import { Building2, Plus } from 'lucide-react'
|
|
|
|
interface ConsultantEmptyStateProps {
|
|
firstName?: string | null
|
|
}
|
|
|
|
export default function ConsultantEmptyState({ firstName }: ConsultantEmptyStateProps) {
|
|
const hour = new Date().getHours()
|
|
const greeting = hour < 5 ? 'God natt' : hour < 10 ? 'Godmorgon' : hour < 14 ? 'Hej' : hour < 18 ? 'God eftermiddag' : 'God kväll'
|
|
|
|
return (
|
|
<div className="stagger-enter">
|
|
<header className="mb-16">
|
|
<h1 className="font-display text-2xl md:text-3xl tracking-tight">
|
|
{greeting}{firstName ? `, ${firstName}` : ''}
|
|
</h1>
|
|
</header>
|
|
|
|
<div className="flex flex-col items-center text-center max-w-md mx-auto">
|
|
<div className="w-12 h-12 rounded-xl bg-muted/60 flex items-center justify-center mb-5">
|
|
<Building2 className="h-5 w-5 text-muted-foreground" />
|
|
</div>
|
|
|
|
<h2 className="font-display text-lg mb-2">
|
|
Inga företag ännu
|
|
</h2>
|
|
<p className="text-sm text-muted-foreground mb-8">
|
|
Lägg till ditt första kundföretag för att komma igång med bokföringen.
|
|
</p>
|
|
|
|
<Link
|
|
href="/onboarding"
|
|
className="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-primary text-primary-foreground text-sm font-medium hover:bg-primary/90 transition-colors"
|
|
>
|
|
<Plus className="h-4 w-4" />
|
|
Lägg till företag
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|