diff --git a/src/routes/FoodOfTheMonth.tsx b/src/routes/FoodOfTheMonth.tsx index fed7199..1897bc7 100644 --- a/src/routes/FoodOfTheMonth.tsx +++ b/src/routes/FoodOfTheMonth.tsx @@ -1,5 +1,5 @@ import type { FoodList, FoodCategory, FoodObject } from "../types/food"; -import { ChangeEvent, useState, useEffect } from "react"; +import { useState, useEffect } from "react"; import { useParams, Link, useNavigate } from "react-router-dom"; import { Box, @@ -7,8 +7,6 @@ import { Tabs, styled, alpha, - Badge, - BadgeProps, Chip, Typography, Stack, @@ -83,7 +81,7 @@ export default function FoodOfTheMonth({ food }: { food: FoodList }) { handleChange(value)} + onChange={(_, value) => handleChange(value)} variant="fullWidth" sx={{ fontWeight: 700 }} aria-label="tabs for the selection of fruits, vegetables or others" diff --git a/src/routes/FoodPage.tsx b/src/routes/FoodPage.tsx index 8c65d58..24690bb 100644 --- a/src/routes/FoodPage.tsx +++ b/src/routes/FoodPage.tsx @@ -2,7 +2,7 @@ import type { FoodList } from "../types/food"; import { currentMonth } from "../utils/utils"; import { useParams, useNavigate, Link } from "react-router-dom"; import { useEffect } from "react"; -import { Box, Typography, Grid, Stack } from "@mui/material"; +import { Box, Typography, Stack } from "@mui/material"; import { styled } from "@mui/material/styles"; import { useTranslation } from "react-i18next";