Simpl-Resultat/src/pages/BudgetPage.tsx
Le-King-Fu 3351601ff5 feat: add per-page contextual help via CircleHelp icon
Each page now shows a ? icon next to its title that toggles a collapsible
help card with page-specific tips. Supports EN/FR via i18n, closes on
outside click or X button.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-11 12:17:28 +00:00

18 lines
582 B
TypeScript

import { useTranslation } from "react-i18next";
import { PageHelp } from "../components/shared/PageHelp";
export default function BudgetPage() {
const { t } = useTranslation();
return (
<div>
<div className="relative flex items-center gap-3 mb-6">
<h1 className="text-2xl font-bold">{t("budget.title")}</h1>
<PageHelp helpKey="budget" />
</div>
<div className="bg-[var(--card)] rounded-xl p-8 border border-[var(--border)] text-center text-[var(--muted-foreground)]">
<p>{t("common.noResults")}</p>
</div>
</div>
);
}