Mattsson
e4488a900b
* feat: add user locale preference to user_preferences table
- Introduced a new column 'locale' in the user_preferences table to store per-user UI language preferences.
- Added a CHECK constraint to ensure only supported locales ('sv', 'en') are allowed.
- Triggered a schema reload notification for the changes.
chore: declare CSS module support in TypeScript
- Added a declaration for CSS modules in globals.d.ts to enable TypeScript support for importing CSS files.
* feat: add Swish as an invoice payment method in company settings
77 lines
2.3 KiB
TypeScript
77 lines
2.3 KiB
TypeScript
'use client'
|
|
|
|
import Link from 'next/link'
|
|
import { useTranslations } from 'next-intl'
|
|
import { AlertTriangle } from 'lucide-react'
|
|
import { cn } from '@/lib/utils'
|
|
import { getBranding } from '@/lib/branding/service'
|
|
|
|
interface RetentionNoticeProps {
|
|
variant: 'company' | 'account'
|
|
className?: string
|
|
}
|
|
|
|
/**
|
|
* Shared BFL retention notice shown before destructive actions that
|
|
* affect bookkeeping data. Keeps the legal copy consistent between the
|
|
* account danger zone and the company danger zone.
|
|
*
|
|
* Swedish Bokföringslagen (BFL) 7 kap. 2§ requires räkenskapsinformation
|
|
* to be retained for 7 years. gnubok is the system of record, so deleting
|
|
* a company or an account does not remove the underlying data — it only
|
|
* hides it from the UI and anonymizes PII where applicable.
|
|
*/
|
|
export function RetentionNotice({ variant, className }: RetentionNoticeProps) {
|
|
const t = useTranslations('retention_notice')
|
|
const { appName } = getBranding()
|
|
const copy =
|
|
variant === 'company'
|
|
? {
|
|
title: t('company_title'),
|
|
body: (
|
|
<>
|
|
{t('company_body_prefix', { appName: appName.toLowerCase() })}
|
|
<Link
|
|
href="/settings/backup"
|
|
className="underline underline-offset-2 hover:text-foreground"
|
|
>
|
|
{t('company_body_link')}
|
|
</Link>
|
|
{t('company_body_suffix')}
|
|
</>
|
|
),
|
|
}
|
|
: {
|
|
title: t('account_title'),
|
|
body: (
|
|
<>
|
|
{t('account_body_prefix')}
|
|
<Link
|
|
href="/settings/backup"
|
|
className="underline underline-offset-2 hover:text-foreground"
|
|
>
|
|
{t('account_body_link')}
|
|
</Link>
|
|
{t('account_body_suffix')}
|
|
</>
|
|
),
|
|
}
|
|
|
|
return (
|
|
<div
|
|
className={cn(
|
|
'rounded-lg border border-destructive/30 bg-destructive/5 p-4',
|
|
className
|
|
)}
|
|
>
|
|
<div className="flex gap-3">
|
|
<AlertTriangle className="h-5 w-5 text-destructive shrink-0 mt-0.5" />
|
|
<div className="space-y-1 text-sm">
|
|
<p className="font-medium text-destructive">{copy.title}</p>
|
|
<p className="text-muted-foreground">{copy.body}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|