diff --git a/src/features/dashboard/components/widgets/category-trends-widget.tsx b/src/features/dashboard/components/widgets/category-trends-widget.tsx index 515aded..a293218 100644 --- a/src/features/dashboard/components/widgets/category-trends-widget.tsx +++ b/src/features/dashboard/components/widgets/category-trends-widget.tsx @@ -6,6 +6,7 @@ import { RiHistoryLine, RiLineChartLine, } from "@remixicon/react"; +import Link from "next/link"; import type { DashboardCategoryBreakdownItem } from "@/features/dashboard/categories/category-breakdown-helpers"; import { dashboardWidgetListStyles as styles } from "@/features/dashboard/components/dashboard-widget-list-styles"; import { PercentageChangeIndicator } from "@/features/dashboard/components/percentage-change-indicator"; @@ -13,14 +14,18 @@ import { CategoryIconBadge } from "@/shared/components/entity-avatar"; import MoneyValues from "@/shared/components/money-values"; import { WidgetEmptyState } from "@/shared/components/widgets/widget-empty-state"; import { formatPercentage } from "@/shared/utils/percentage"; +import { formatPeriodForUrl } from "@/shared/utils/period"; type CategoryTrendsWidgetProps = { categories: DashboardCategoryBreakdownItem[]; + period: string; }; export function CategoryTrendsWidget({ categories, + period, }: CategoryTrendsWidgetProps) { + const periodParam = formatPeriodForUrl(period); const trending = categories .filter((c) => c.percentageChange !== null && c.previousAmount > 0) .sort( @@ -53,7 +58,12 @@ export function CategoryTrendsWidget({ size="md" />
-

{category.categoryName}

+ + {category.categoryName} +

, - component: ({ data }) => ( + component: ({ data, period }) => ( ), },