rolling and calender toggle

src/components/HistoryChart.tsx

@@ -4,6 +4,7 @@ import { Box, Typography, ToggleButtonGroup, ToggleButton, Paper } from "@mui/ma
 export interface ChartDataPoint {
   id: string;
   amount: number;
+  compareAmount?: number;
   count?: number;
   highlighted?: boolean;
 }
@@ -34,7 +35,13 @@ export default function HistoryChart({
   };
 
   const activeDataKey = activeTab.toLowerCase();
-  const rawData = data[activeDataKey] || data[activeTab] || [];
+  let rawData;
+  if (activeDataKey === "daily") {
+    rawData = data.daily;
+  } else {
+    // @ts-ignore
+    rawData = data[activeDataKey]?.[period] || [];
+  }
   const currentData = [...rawData].reverse();
 
   const maxAmount =