maximus/Simpl-Resultat
1
0
Fork 0
Code Issues Pull requests Projects Releases 10 Packages Wiki Activity Actions

Merge pull request 'fix: remove internal pie chart title for dashboard consistency (#17)' (#20) from fix/simpl-resultat-17-remove-piechart-title into main

Browse source
This commit is contained in:
maximus 2026-03-08 16:38:57 +00:00
commit a6a46dd7b6
2 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/dashboard/CategoryPieChart.tsx
View file

@ -37,7 +37,6 @@ export default function CategoryPieChart({
if (data.length === 0) { if (data.length === 0) {
return ( return (
<div className="bg-[var(--card)] rounded-xl p-6 border border-[var(--border)]"> <div className="bg-[var(--card)] rounded-xl p-6 border border-[var(--border)]">
<h2 className="text-lg font-semibold mb-4">{t("dashboard.expensesByCategory")}</h2>
<p className="text-center text-[var(--muted-foreground)] py-8">{t("dashboard.noData")}</p> <p className="text-center text-[var(--muted-foreground)] py-8">{t("dashboard.noData")}</p>
</div> </div>
); );
@ -45,8 +44,6 @@ export default function CategoryPieChart({
return ( return (
<div className="bg-[var(--card)] rounded-xl p-6 border border-[var(--border)]"> <div className="bg-[var(--card)] rounded-xl p-6 border border-[var(--border)]">
<h2 className="text-lg font-semibold mb-4">{t("dashboard.expensesByCategory")}</h2>
{hiddenCategories.size > 0 && ( {hiddenCategories.size > 0 && (
<div className="flex flex-wrap items-center gap-2 mb-3"> <div className="flex flex-wrap items-center gap-2 mb-3">
<span className="text-xs text-[var(--muted-foreground)]">{t("charts.hiddenCategories")}:</span> <span className="text-xs text-[var(--muted-foreground)]">{t("charts.hiddenCategories")}:</span>

17
src/pages/DashboardPage.tsx
View file

@ -127,13 +127,16 @@ export default function DashboardPage() {
</div> </div>
<div className="grid grid-cols-1 lg:grid-cols-2 gap-4 mb-6"> <div className="grid grid-cols-1 lg:grid-cols-2 gap-4 mb-6">
<CategoryPieChart <div>
data={categoryBreakdown} <h2 className="text-lg font-semibold mb-3">{t("dashboard.expensesByCategory")}</h2>
hiddenCategories={hiddenCategories} <CategoryPieChart
onToggleHidden={toggleHidden} data={categoryBreakdown}
onShowAll={showAll} hiddenCategories={hiddenCategories}
onViewDetails={viewDetails} onToggleHidden={toggleHidden}
/> onShowAll={showAll}
onViewDetails={viewDetails}
/>
</div>
<div> <div>
<h2 className="text-lg font-semibold mb-3">{t("dashboard.budgetVsActual")}</h2> <h2 className="text-lg font-semibold mb-3">{t("dashboard.budgetVsActual")}</h2>
<BudgetVsActualTable data={budgetVsActual} /> <BudgetVsActualTable data={budgetVsActual} />