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

fix: remove internal pie chart title for dashboard consistency (#17) #20

Merged
maximus merged 1 commit from fix/simpl-resultat-17-remove-piechart-title into main 2026-03-08 16:38:58 +00:00
Conversation 0 Commits 1 Files changed 2 +10 -10
2 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit d5790a08e9 - Show all commits

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>

3
src/pages/DashboardPage.tsx
View file

@ -127,6 +127,8 @@ 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">
<div>
<h2 className="text-lg font-semibold mb-3">{t("dashboard.expensesByCategory")}</h2>
<CategoryPieChart <CategoryPieChart
data={categoryBreakdown} data={categoryBreakdown}
hiddenCategories={hiddenCategories} hiddenCategories={hiddenCategories}
@ -134,6 +136,7 @@ export default function DashboardPage() {
onShowAll={showAll} onShowAll={showAll}
onViewDetails={viewDetails} 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} />