Jakob WennbergandClaude Fable 5
90e7c7f47f
* feat(ux): company context in settings, Kundfakturor rename, compact verifikat view Support feedback (2026-07-19): active company invisible in settings, menu said Fakturor next to Leverantorsfakturor, no compact verifikat view. - ActiveCompanyBadge chip in the settings modal header and the full-page settings header; the modal covers the sidebar CompanySwitcher - nav + page title Fakturor -> Kundfakturor (sv), Invoices -> Customer invoices (en); command palette gets a Kundfakturor page entry - verifikat list density toggle (comfortable/compact), persisted per company like the existing sort/page-size choices Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> * docs: decision log for scoped Kundfakturor rename Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> * fix(review): badge hover reveals full company name; pure density state updater Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> --------- Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
'use client'
|
|
|
|
import { Building2 } from 'lucide-react'
|
|
import { useTranslations } from 'next-intl'
|
|
import { cn } from '@/lib/utils'
|
|
import { useCompany } from '@/contexts/CompanyContext'
|
|
import { Badge } from '@/components/ui/badge'
|
|
|
|
/**
|
|
* Quiet chip naming the active company. Settings surfaces (the routed modal
|
|
* and the full-page fallback) cover or dim the sidebar's CompanySwitcher, so
|
|
* without this the user edits company-scoped settings with no visible answer
|
|
* to "which company am I on?" (support feedback 2026-07-19).
|
|
*/
|
|
export function ActiveCompanyBadge({ className }: { className?: string }) {
|
|
const { company } = useCompany()
|
|
const t = useTranslations('common')
|
|
|
|
if (!company) return null
|
|
|
|
return (
|
|
<Badge
|
|
variant="outline"
|
|
className={cn(
|
|
'max-w-full min-w-0 gap-1.5 font-normal text-muted-foreground',
|
|
className,
|
|
)}
|
|
title={`${t('active_company')}: ${company.name}`}
|
|
>
|
|
<Building2 className="h-3 w-3 shrink-0" aria-hidden="true" />
|
|
<span className="sr-only">{t('active_company')}: </span>
|
|
<span className="truncate">{company.name}</span>
|
|
</Badge>
|
|
)
|
|
}
|