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>
18 lines
582 B
TypeScript
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>
|
|
);
|
|
}
|