import { Button, Paper, TextField, Select, MenuItem, FormControl, InputLabel, } from "@mui/material"; import { vehicleStore, VEHICLE_TYPES, carrierStore } from "@shared"; import { observer } from "mobx-react-lite"; import { ArrowLeft, Save } from "lucide-react"; import { Loader2 } from "lucide-react"; import { useState, useEffect } from "react"; import { useNavigate } from "react-router-dom"; import { toast } from "react-toastify"; export const VehicleCreatePage = observer(() => { const navigate = useNavigate(); const [tailNumber, setTailNumber] = useState(""); const [type, setType] = useState(""); const [carrierId, setCarrierId] = useState(null); const [isLoading, setIsLoading] = useState(false); useEffect(() => { carrierStore.getCarriers(); }, []); const handleCreate = async () => { try { setIsLoading(true); await vehicleStore.createVehicle( Number(tailNumber), Number(type), carrierStore.carriers.data.find((c) => c.id === carrierId)?.full_name!, carrierId! ); toast.success("Транспорт успешно создан"); } catch (error) { toast.error("Ошибка при создании транспорта"); } finally { setIsLoading(false); } }; return (
setTailNumber(e.target.value)} /> Тип Перевозчик
); });