Files
accounted/components/reports/useRecentReports.ts
T
Jakob Wennberg ec27228a8e style: remove em/en dashes repo-wide, add CLAUDE.md rule against them (#890)
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>
2026-07-04 15:58:06 +02:00

58 lines
1.7 KiB
TypeScript

'use client'
import { useCallback, useEffect, useState } from 'react'
/**
* Tracks the last few report slugs the user opened, per company, in
* localStorage. Mirrors the `Accounted:<key>:<companyId>` convention used by
* FiscalYearSelector (STORAGE_KEY_PREFIX). Powers the "Senast öppnade" shelf
* so returning users skip the library hop.
*/
const STORAGE_KEY_PREFIX = 'Accounted:report-recents:'
const MAX_RECENTS = 4
export function useRecentReports(companyId: string | null | undefined) {
const [recents, setRecents] = useState<string[]>([])
useEffect(() => {
let cancelled = false
// Deferred to a microtask so the read isn't a synchronous setState in the
// effect body (and so the first server/client render agree on an empty
// shelf, avoiding a hydration mismatch).
Promise.resolve().then(() => {
if (cancelled) return
if (!companyId) {
setRecents([])
return
}
try {
const raw = window.localStorage.getItem(STORAGE_KEY_PREFIX + companyId)
setRecents(raw ? (JSON.parse(raw) as string[]) : [])
} catch {
setRecents([])
}
})
return () => {
cancelled = true
}
}, [companyId])
const pushRecent = useCallback(
(slug: string) => {
if (!companyId) return
setRecents((prev) => {
const next = [slug, ...prev.filter((s) => s !== slug)].slice(0, MAX_RECENTS)
try {
window.localStorage.setItem(STORAGE_KEY_PREFIX + companyId, JSON.stringify(next))
} catch {
/* localStorage unavailable: keep in-memory only */
}
return next
})
},
[companyId],
)
return { recents, pushRecent }
}