From 99a7f299c35db2cd54b367d3b1a5d7954f7021c0 Mon Sep 17 00:00:00 2001
From: Alberto Defendi <1369-ahl-berto@users.noreply.gitlab.inf.unibz.it>
Date: Wed, 23 Jun 2021 08:21:06 +0200
Subject: [PATCH] Component to pick a vehicle.
Still has to be attached to api.
---
.../Dashboard/DriverShift/VehiclePicker.tsx | 54 +++++++++++++++++++
1 file changed, 54 insertions(+)
create mode 100644 src/components/Dashboard/DriverShift/VehiclePicker.tsx
diff --git a/src/components/Dashboard/DriverShift/VehiclePicker.tsx b/src/components/Dashboard/DriverShift/VehiclePicker.tsx
new file mode 100644
index 0000000..db70925
--- /dev/null
+++ b/src/components/Dashboard/DriverShift/VehiclePicker.tsx
@@ -0,0 +1,54 @@
+import React, { FC, useState } from 'react';
+import { useVehicle } from 'hooks/useVehicle';
+import { Button } from '@material-ui/core';
+import { VehicleType } from 'types/VehicleType';
+
+export const VehiclePicker: FC<{
+ setChosenVehicle: React.Dispatch<
+ React.SetStateAction<VehicleType | undefined>
+ >;
+}> = ({ setChosenVehicle }) => {
+ const vehicleList: VehicleType[] = [
+ {
+ owner: 122,
+ user: null,
+ plateNumber: '21133£',
+ carModel: 'Xadsa',
+ wheelchair: false,
+ },
+ {
+ owner: 121,
+ user: null,
+ plateNumber: '21133',
+ carModel: 'Xadsa',
+ wheelchair: false,
+ },
+
+ {
+ owner: 123,
+ user: null,
+ plateNumber: '21133',
+ carModel: 'Xadsa',
+ wheelchair: false,
+ },
+ ];
+
+ const vehicles = useVehicle();
+ return (
+ <div data-testid="VehiclePicker">
+ {vehicleList.length !== 0 ? (
+ vehicleList.map((vehicle, index) => (
+ <Button
+ fullWidth
+ onClick={() => setChosenVehicle(vehicle)}
+ key={vehicle.plateNumber}
+ >
+ 🚗{vehicle.carModel} {vehicle.plateNumber}
+ </Button>
+ ))
+ ) : (
+ <h1>No vehicles. Create a vehicle in the vehicle page.</h1>
+ )}
+ </div>
+ );
+};
--
GitLab