Jakob WennbergandClaude Opus 4.8
ff01640f60
* feat(reports,settings): report library + focused report routes, settings modal Reports - Replace the monolithic /reports tab-switcher with a calm, grouped report library landing (ReportLibrary + RecentReportsShelf) driven by a new lib/reports/catalog.ts. - Each report opens a focused /reports/[slug] route (FocusedReport) with a shared fiscal-year selector, optional date-range, and URL-based account drill-down into the general ledger. - Extract every report view into components/reports/views, add a reusable ReportExportMenu, and remove the old ReportsNav. Settings - Add an intercepting @settingsModal parallel route so in-app navigation to /settings opens as a modal over the current page; hard loads still resolve to the full page. - Share one SettingsShell (rail + content) between page and modal, extract each section into components/settings/sections/*Content, add a settings hotkey and command-palette entry, and remove the old SettingsSidebar. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> * fix(reports,settings): remove dead salary-journal entry, fix border token Addresses PR review feedback (#629): - Remove the unreachable `salary-journal` report from the catalog. It had needsEmployees + no route + no FocusedView handler and `hasEmployees` was never plumbed through, so it never appeared in the library and a direct /reports/salary-journal URL rendered a blank frame. The report was never on the old page and has no view component; the API + generator stay in place for a proper follow-up. Drops its two now-unused i18n keys. - Replace opacity-suffixed `border-border/8` section dividers with full-opacity `border-border` across the extracted settings section components, per the design system (no opacity-suffixed border tokens on surfaces). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> * ci: re-trigger checks (pg-real hit a Docker Hub registry timeout) --------- Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
53 lines
1.5 KiB
TypeScript
53 lines
1.5 KiB
TypeScript
'use client'
|
|
|
|
import { useTranslations } from 'next-intl'
|
|
import { getReport } from '@/lib/reports/catalog'
|
|
import type { EntityType } from '@/types'
|
|
|
|
/**
|
|
* "Senast öppnade" — compact beige chips for the reports the user opened most
|
|
* recently. One tap reopens a report straight from the library landing.
|
|
* Renders nothing when there is no history (first visit).
|
|
*/
|
|
export function RecentReportsShelf({
|
|
slugs,
|
|
entityType,
|
|
hasEmployees,
|
|
onOpen,
|
|
}: {
|
|
slugs: string[]
|
|
entityType?: EntityType
|
|
hasEmployees?: boolean
|
|
onOpen: (slug: string) => void
|
|
}) {
|
|
const t = useTranslations('reports')
|
|
|
|
const items = slugs
|
|
.map((slug) => getReport(slug))
|
|
.filter((r): r is NonNullable<typeof r> => !!r)
|
|
.filter((r) => !r.entityType || r.entityType === entityType)
|
|
.filter((r) => !r.needsEmployees || hasEmployees)
|
|
|
|
if (items.length === 0) return null
|
|
|
|
return (
|
|
<div className="space-y-3">
|
|
<h2 className="text-sm font-medium uppercase tracking-wider text-muted-foreground">
|
|
{t('recent_heading')}
|
|
</h2>
|
|
<div className="flex flex-wrap gap-2">
|
|
{items.map((item) => (
|
|
<button
|
|
key={item.slug}
|
|
type="button"
|
|
onClick={() => onOpen(item.slug)}
|
|
className="inline-flex items-center rounded-md bg-secondary px-3 py-1.5 text-sm text-foreground transition-colors hover:bg-secondary/70"
|
|
>
|
|
{t(item.labelKey)}
|
|
</button>
|
|
))}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|