refactor period (rolling/calender) to periodType

src/components/HistoryChart/HistoryChart.models.ts

@@ -25,8 +25,8 @@ export interface HistoryChartProps {
   summary?: string;
   tabs: string[];
   data: ChartData;
-  period: "rolling" | "calendar";
-  onPeriodChange: (p: "rolling" | "calendar") => void;
+  periodType: "rolling" | "calendar";
+  onPeriodTypeChange: (p: "rolling" | "calendar") => void;
   comparison: boolean;
   setComparison: (v: boolean) => void;
   colorScheme: {

src/components/HistoryChart/HistoryChart.view.tsx

@@ -33,8 +33,8 @@ export default function HistoryChartView(props: ViewProps) {
     header,
     summary,
     tabs,
-    period,
-    onPeriodChange,
+    periodType,
+    onPeriodTypeChange,
     comparison,
     setComparison,
     colorScheme,
@@ -99,7 +99,7 @@ export default function HistoryChartView(props: ViewProps) {
       </ToggleButtonGroup>
 
       <Box sx={{ display: "flex", alignItems: "center", justifyContent: "space-between", mb: 3 }}>
-        <ToggleButtonGroup value={period} exclusive onChange={(_, v) => v && onPeriodChange(v)} size="small">
+        <ToggleButtonGroup value={periodType} exclusive onChange={(_, v) => v && onPeriodTypeChange(v)} size="small">
           <ToggleButton value="rolling">Rolling</ToggleButton>
           <ToggleButton value="calendar" disabled={activeDataKey === "daily"}>
             Calendar