From dabb42eafc6cba34ab487c8a94a462f331e7f30b Mon Sep 17 00:00:00 2001 From: Matheus Albino Brunhara Date: Sat, 3 Sep 2022 16:42:39 -0300 Subject: [PATCH] =?UTF-8?q?Refatora=20conte=C3=BAdo=20da=20p=C3=A1gina=20M?= =?UTF-8?q?eusVeiculos?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/MeusVeiculos.tsx | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/src/pages/MeusVeiculos.tsx b/src/pages/MeusVeiculos.tsx index e5dd513..19ca979 100644 --- a/src/pages/MeusVeiculos.tsx +++ b/src/pages/MeusVeiculos.tsx @@ -29,7 +29,7 @@ import sessionsService from "../services/functions/sessionsService"; import { closeToast } from "../services/utils"; import { PageHeader } from "../components/PageHeader"; -interface VanInfo { +interface VehicleInfo { plate: string; brand: string; model: string; @@ -42,21 +42,21 @@ interface VanInfo { locator_state: string; } -const MinhasVans: React.FC = () => { +const MeusVeiculos: React.FC = () => { const history = useHistory(); const [showToast, setShowToast] = useState(false); const [toastMessage, setToastMessage] = useState(""); const [toastColor, setToastColor] = useState("primary"); - const [userVans, setUserVans] = useState(); + const [vehiclesList, setVehiclesList] = useState(); const redirectUserToLogin = () => { history.push({ pathname: "/login" }); }; useEffect(() => { - const getUserVans = async () => { + const getUserVehiclesList = async () => { let userId = ""; const refreshSessionRes = await sessionsService.refreshSession(); @@ -81,7 +81,7 @@ const MinhasVans: React.FC = () => { return; } - setUserVans(response.data); + setVehiclesList(response.data); }) .catch((err) => { setToastColor("danger"); @@ -90,37 +90,37 @@ const MinhasVans: React.FC = () => { }); }; - getUserVans(); + getUserVehiclesList(); }, []); return ( - {userVans ? ( - userVans.map((van, index) => { + {vehiclesList ? ( + vehiclesList.map((vehicle, index) => { return ( - {van.plate} + {vehicle.plate} - {van.brand} - {van.model} + {vehicle.brand} - {vehicle.model} - {van.locator_name ? ( + {vehicle.locator_name ? ( <> - {van.seats_number} assentos - Locador: {van.locator_name} + {vehicle.seats_number} assentos - Locador: {vehicle.locator_name} ) : ( <> - {van.seats_number} assentos - Não é alugado + {vehicle.seats_number} assentos - Não é alugado )} @@ -144,4 +144,4 @@ const MinhasVans: React.FC = () => { ); }; -export default MinhasVans; +export default MeusVeiculos;