feat: update color carrier

src/widgets/CitySelector/index.tsx

@@ -12,7 +12,7 @@ import { authStore, cityStore, selectedCityStore, type City } from "@shared";
 import { MapPin } from "lucide-react";
 
 export const CitySelector: React.FC = observer(() => {
-  const { selectedCity, setSelectedCity } = selectedCityStore;
+  const { selectedCity, setSelectedCity, isLocked } = selectedCityStore;
   const canLoadAllCities = authStore.isAdmin && authStore.canRead("cities");
 
   useEffect(() => {
@@ -58,26 +58,35 @@ export const CitySelector: React.FC = observer(() => {
 
   return (
     <Box className="flex items-center gap-2">
-      <MapPin size={16} className="text-white" />
+      <MapPin size={16} className={isLocked ? "text-gray-400" : "text-white"} />
       <FormControl size="medium" sx={{ minWidth: 120 }}>
         <Select
           value={selectedCity?.id?.toString() || ""}
           onChange={handleCityChange}
           displayEmpty
+          disabled={isLocked}
           sx={{
             height: "40px",
             color: "white",
+            "&.Mui-disabled": {
+              color: "rgba(255, 255, 255, 0.5)",
+              WebkitTextFillColor: "rgba(255, 255, 255, 0.5)",
+            },
             "& .MuiOutlinedInput-notchedOutline": {
-              borderColor: "rgba(255, 255, 255, 0.3)",
+              borderColor: isLocked
+                ? "rgba(255, 255, 255, 0.1)"
+                : "rgba(255, 255, 255, 0.3)",
             },
             "&:hover .MuiOutlinedInput-notchedOutline": {
-              borderColor: "rgba(255, 255, 255, 0.5)",
+              borderColor: isLocked
+                ? "rgba(255, 255, 255, 0.1)"
+                : "rgba(255, 255, 255, 0.5)",
             },
-            "&.Mui.focused .MuiOutlinedInput-notchedOutline": {
+            "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
               borderColor: "white",
             },
             "& .MuiSvgIcon-root": {
-              color: "white",
+              color: isLocked ? "rgba(255, 255, 255, 0.3)" : "white",
             },
           }}
         >