Jakob Wennberg
ec27228a8e
Em dashes (—) and en dashes (–) had spread across comments, docs, tests, and a few UI strings, reading as AI-generated boilerplate rather than house style. Replaced each with punctuation matching its context: colon for explanatory clauses, comma for asides, plain hyphen for numeric/legal ranges (e.g. "21-23§"), "to"/"till" for date ranges, parentheses for paired-dash asides. messages/en.json and messages/sv.json were fixed by hand together to keep sv/en in sync. Left untouched where the dash is the functional subject rather than decorative punctuation: date-range-parser.ts's separator regex, charset-repair.ts's CP1252 byte-mapping table (and its test), the SIE encoding mojibake docs, generic-csv.ts's minus-sign normalizer, the agent system-prompt files that already instruct against em dashes, and a golden iXBRL test fixture compared byte-for-byte. Also fixes two bugs surfaced along the way: an off-by-one in ApiKeysPanel's scope-label split (a leftover from an earlier partial pass), and a charset-repair test that had lost the literal en-dash it exists to verify. Regenerated the agent atom seed migration (skills:generate) since 27 SKILL.md files changed. Added a CLAUDE.md rule against em/en dashes, with an explicit carve-out for the functional-dash cases above. Co-authored-by: Claude Sonnet 5 <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>
|
|
)
|
|
}
|