From 6fe3ca109a7d7ea62c10839d870394ae76c983a9 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Tue, 25 Nov 2025 15:47:00 +0100
Subject: [PATCH] chore: added posting update to API on select blur

---
 .../VehiclesManager/VehiclesTable.vue          | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/components/VehiclesManager/VehiclesTable.vue b/src/components/VehiclesManager/VehiclesTable.vue
index 11b1e9c..e54a62a 100644
--- a/src/components/VehiclesManager/VehiclesTable.vue
+++ b/src/components/VehiclesManager/VehiclesTable.vue
@@ -39,8 +39,7 @@
           <td class="editable" @click="selectRowVehicleGroup(row)">
             <select
               v-if="currentEditingGroupId == row.vehicleRef.id"
-              @blur="currentEditingGroupId = -1"
-              @change="(e) => editVehicleGroup(e, row)"
+              @blur="(e) => editVehicleGroup(e, row)"
               :id="`select-group-${row.vehicleRef.id}`"
               ref="select-group"
               style="width: 100%"
@@ -176,13 +175,18 @@ async function selectRowVehicleGroup(row: IVehicleTableRow) {
 async function editVehicleGroup(e: Event, row: IVehicleTableRow) {
   const id = (e.target as HTMLSelectElement).value;
 
-  const updatedData = await vehiclesStore.updateVehicle(row.vehicleRef.id, 'vehicleGroupId', +id);
 
-  if (updatedData) {
-    row.vehicleRef.group = vehiclesStore.vehicleGroupsTable.find(
-      (g) => g.vehicleGroupRef.id == updatedData.vehicleGroupsId,
-    )!.vehicleGroupRef;
+  if (row.vehicleRef.group.id !== +id) {
+    const updatedData = await vehiclesStore.updateVehicle(row.vehicleRef.id, 'vehicleGroupId', +id);
+
+    if (updatedData) {
+      row.vehicleRef.group = vehiclesStore.vehicleGroupsTable.find(
+        (g) => g.vehicleGroupRef.id == updatedData.vehicleGroupsId,
+      )!.vehicleGroupRef;
+    }
   }
+
+  currentEditingGroupId.value = -1;
 }
 
 async function addVehicleRow() {