added more types for media

src/components/header/index.tsx

@@ -6,6 +6,7 @@ import IconButton from "@mui/material/IconButton";
 import Stack from "@mui/material/Stack";
 import Toolbar from "@mui/material/Toolbar";
 import Typography from "@mui/material/Typography";
+import { languageStore } from "../../store/LanguageStore";
 import {
   useGetIdentity,
   useList,
@@ -21,7 +22,6 @@ import {
   Button,
   Select,
   MenuItem,
-  InputLabel,
   FormControl,
   SelectChangeEvent,
 } from "@mui/material";
@@ -38,6 +38,7 @@ type IUser = {
 export const Header: React.FC<RefineThemedLayoutV2HeaderProps> = observer(
   ({ sticky }) => {
     const { city_id, setCityIdAction } = cityStore;
+    const { language } = languageStore;
     const { data: cities } = useList({
       resource: "city",
     });
@@ -97,6 +98,7 @@ export const Header: React.FC<RefineThemedLayoutV2HeaderProps> = observer(
 
             // После сохранения меняем язык и возвращаемся на ту же страницу
             Cookies.set("lang", lang);
+
             i18n.changeLanguage(lang);
             navigate(currentLocation);
             return;
@@ -149,6 +151,9 @@ export const Header: React.FC<RefineThemedLayoutV2HeaderProps> = observer(
                     value={city_id}
                     onChange={handleChange}
                   >
+                    <MenuItem value={String(0)} key={0}>
+                      Все города
+                    </MenuItem>
                     {cities.data?.map((city) => (
                       <MenuItem value={String(city.id)} key={city.id}>
                         {city.name}
@@ -157,31 +162,6 @@ export const Header: React.FC<RefineThemedLayoutV2HeaderProps> = observer(
                   </Select>
                 )}
               </FormControl>
-              <Stack
-                direction="row"
-                spacing={1}
-                sx={{
-                  backgroundColor: "background.paper",
-                  padding: "4px",
-                  borderRadius: "4px",
-                }}
-              >
-                {["ru", "en", "zh"].map((lang) => (
-                  <Button
-                    key={lang}
-                    onClick={() => handleLanguageChange(lang)}
-                    variant={i18n.language === lang ? "contained" : "outlined"}
-                    size="small"
-                    sx={{
-                      minWidth: "30px",
-                      padding: "2px 0px",
-                      textTransform: "uppercase",
-                    }}
-                  >
-                    {lang}
-                  </Button>
-                ))}
-              </Stack>
 
               <IconButton
                 color="inherit"