chore: added removing vehicles

src/components/VehiclesManager/VehiclesTable.vue

@@ -16,6 +16,7 @@
           <td style="width: 100px">Tylko sponsorzy do</td>
           <td style="width: 100px">Tylko zespół</td>
           <td style="width: 50px">Ukryty</td>
+          <td style="width: 50px">Usuń</td>
         </tr>
       </thead>
 
@@ -51,6 +52,7 @@
           <td class="editable" @click="editRowPrimitive(row, VehicleEditRowKey.HIDDEN)">
             {{ row.vehicleRef.hidden ? '✅' : '❌' }}
           </td>
+          <td @click="removeVehicle(row.vehicleRef.id)"><img src="/icon-trash.svg" alt="remove" /></td>
         </tr>
       </tbody>
     </table>
@@ -75,7 +77,7 @@ const vehiclesTableComp = computed(() => {
 
 async function editRowPrimitive(row: IVehicleTableRow, editKey: VehicleEditRowKey) {
   if (!(editKey in row.vehicleRef)) return;
-  
+
   let rowValue = row.vehicleRef[editKey];
 
   if (typeof rowValue === 'string' || typeof rowValue === 'undefined' || rowValue == null) {
@@ -154,6 +156,14 @@ async function addVehicleRow() {
     vehicleSearchInput.value = createdVehicleData.name;
   }
 }
+
+async function removeVehicle(id: number) {
+  const removedVehicleData = await vehiclesStore.removeVehicle(id);
+
+  if (removedVehicleData) {
+    vehiclesStore.vehiclesTable = vehiclesStore.vehiclesTable.filter((v) => v.vehicleRef.id != id);
+  }
+}
 </script>
 
 <style></style>

src/stores/vehicles.store.ts

@@ -83,5 +83,17 @@ export const useVehiclesStore = defineStore('vehiclesStore', {
 
       return null;
     },
+
+    async removeVehicle(vehicleId: number) {
+      try {
+        const response = await client.delete<IVehicleAPI>(`/manager/vehicles/${vehicleId}`);
+
+        return response.data;
+      } catch (error) {
+        console.error(error);
+      }
+
+      return null;
+    },
   },
 });