fix: Hot bug fix

src/pages/Carrier/CarrierListPage/index.tsx

@@ -1,5 +1,5 @@
 import { DataGrid, GridColDef, GridRenderCellParams } from "@mui/x-data-grid";
-import { carrierStore, languageStore } from "@shared";
+import { carrierStore, cityStore, languageStore } from "@shared";
 import { useEffect, useState } from "react";
 import { observer } from "mobx-react-lite";
 import { Pencil, Trash2, Minus } from "lucide-react";
@@ -8,6 +8,7 @@ import { CreateButton, DeleteModal, LanguageSwitcher } from "@widgets";
 
 export const CarrierListPage = observer(() => {
   const { carriers, getCarriers, deleteCarrier } = carrierStore;
+  const { getCities, cities } = cityStore;
   const navigate = useNavigate();
   const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
   const [isBulkDeleteModalOpen, setIsBulkDeleteModalOpen] = useState(false);
@@ -17,6 +18,9 @@ export const CarrierListPage = observer(() => {
 
   useEffect(() => {
     (async () => {
+      await getCities("ru");
+      await getCities("en");
+      await getCities("zh");
       await getCarriers(language);
     })();
   }, [language]);
@@ -55,14 +59,15 @@ export const CarrierListPage = observer(() => {
       },
     },
     {
-      field: "city",
+      field: "city_id",
       headerName: "Город",
       flex: 1,
       renderCell: (params: GridRenderCellParams) => {
         return (
           <div className="w-full h-full flex items-center">
             {params.value ? (
-              params.value
+              cities[language].data.find((city) => city.id == params.value)
+                ?.name
             ) : (
               <Minus size={20} className="text-red-500" />
             )}
@@ -103,7 +108,7 @@ export const CarrierListPage = observer(() => {
     id: carrier.id,
     full_name: carrier.full_name,
     short_name: carrier.short_name,
-    city: carrier.city,
+    city_id: carrier.city_id,
   }));
 
   return (