Migrace na OpenAPI - TypeScript typy

client/src/pages/StatsPage.tsx

@@ -5,7 +5,7 @@ import { useAuth } from "../context/auth";
 import Login from "../Login";
 import { formatDate, getFirstWorkDayOfWeek, getHumanDate, getLastWorkDayOfWeek } from "../Utils";
 import { getStats } from "../api/StatsApi";
-import { WeeklyStats, LocationKey, Locations } from "../../../types";
+import { WeeklyStats, LunchChoice } from "../../../types";
 import Loader from "../components/Loader";
 import { faChevronLeft, faChevronRight, faGear } from "@fortawesome/free-solid-svg-icons";
 import { Legend, Line, LineChart, Tooltip, XAxis, YAxis } from "recharts";
@@ -47,9 +47,9 @@ export default function StatsPage() {
     }
   }, [dateRange]);
 
-  const renderLine = (location: Locations) => {
-    const index = Object.values(Locations).indexOf(location);
-    const key = Object.keys(Locations)[index];
+  const renderLine = (location: LunchChoice) => {
+    const index = Object.values(LunchChoice).indexOf(location);
+    const key = Object.keys(LunchChoice)[index];
     return <Line key={location} name={location} type="monotone" dataKey={data => data.locations[key] ?? 0} stroke={COLORS[index]} strokeWidth={STROKE_WIDTH} />
   }
 
@@ -111,7 +111,7 @@ export default function StatsPage() {
           <FontAwesomeIcon title="Následující týden" icon={faChevronRight} style={{ cursor: "pointer" }} onClick={handleNextWeek} />
         </div>
         <LineChart width={CHART_WIDTH} height={CHART_HEIGHT} data={data}>
-          {Object.values(Locations).map(location => renderLine(location))}
+          {Object.values(LunchChoice).map(location => renderLine(location))}
           <XAxis dataKey="date" />
           <YAxis />
           <Tooltip />