diff --git a/src/components/Dashboard/Dashboard.view.tsx b/src/components/Dashboard/Dashboard.view.tsx index 2ab7b30..01f254f 100644 --- a/src/components/Dashboard/Dashboard.view.tsx +++ b/src/components/Dashboard/Dashboard.view.tsx @@ -25,7 +25,7 @@ export default function DashboardView({ }: ViewProps) { const theme = useTheme(); const themeMode = theme.palette.mode; - const { mode, period, comparison } = state; + const { mode, periodType, comparison } = state; // Resolve colors with fallbacks const colors = React.useMemo(() => { @@ -139,8 +139,8 @@ export default function DashboardView({ title={section.title} accentColor={colors.primary} colorScheme={colors} - periodType={period} - onPeriodTypeChange={(p: any) => setState(prev => ({ ...prev, period: p }))} + periodType={periodType} + onPeriodTypeChange={(p: any) => setState(prev => ({ ...prev, periodType: p }))} comparison={comparison} setComparison={(c: any) => setState(prev => ({ ...prev, comparison: c }))} /> diff --git a/src/components/HistoryChart/HistoryChart.tsx b/src/components/HistoryChart/HistoryChart.tsx index c1b72c3..53c5ed1 100644 --- a/src/components/HistoryChart/HistoryChart.tsx +++ b/src/components/HistoryChart/HistoryChart.tsx @@ -3,7 +3,7 @@ import { ChartDataPoint, HistoryChartProps, ChartData } from "./HistoryChart.mod import HistoryChartView from "./HistoryChart.view"; export default function HistoryChart(props: HistoryChartProps) { - const { tabs, data, period, comparison } = props; + const { tabs, data, periodType, comparison } = props; const [activeTab, setActiveTab] = React.useState(tabs[0] || ""); const [startIndex, setStartIndex] = React.useState(0); @@ -16,7 +16,7 @@ export default function HistoryChart(props: HistoryChartProps) { rawData = data.daily || []; } else { const section = data[activeDataKey]; - rawData = section?.[period] || []; + rawData = section?.[periodType] || []; } const currentData = rawData;