comparison

src/Dashboard.tsx

@@ -38,6 +38,7 @@ export default function Dashboard() {
 
   const [mode, setMode] = React.useState<"expense" | "income">("expense");
   const [period, setPeriod] = React.useState<"rolling" | "calendar">("rolling");
+  const [comparison, setComparison] = React.useState(false);
 
   const [loading, setLoading] = React.useState(true);
   const [error, setError] = React.useState<string | null>(null);
@@ -131,9 +132,11 @@ export default function Dashboard() {
             header={`${mode === "expense" ? "Expense" : "Income"} Breakdown`}
             summary="Interactive chronological tracking"
             tabs={["Daily", "Weekly", "Monthly"]}
-            data={currentData?.chartData || {}}
+            data={currentData.chartData}
             period={period}
             onPeriodChange={setPeriod}
+            comparison={comparison}
+            setComparison={setComparison}
           />
         </Grid>
       </Grid>