Fix button still clickable after deleting a sample

datalab-org · Sep 9, 2024 · 8c540d0 · 8c540d0
1 parent a33d2d8
commit 8c540d0
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/webapp/src/components/ButtonPrimeTable.vue b/webapp/src/components/ButtonPrimeTable.vue
@@ -25,6 +25,7 @@
       <button
         v-if="dataType === 'startingMaterials' && editableInventory"
         class="btn btn-default"
+        :disabled="itemsSelected.length === 0"
         @click="$emit('open-create-item-modal')"
       >
         Add a starting material
@@ -38,7 +39,12 @@
       </button>
     </div>
     <div class="button-right d-flex">
-      <button v-if="itemsSelected.length > 0" class="btn btn-default ml-2" @click="confirmDeletion">
+      <button
+        v-if="itemsSelected.length > 0"
+        class="btn btn-default ml-2"
+        :disabled="itemsSelected.length === 0"
+        @click="confirmDeletion"
+      >
         Delete selected
       </button>
       <IconField>
@@ -120,6 +126,7 @@ export default {
       } else if (this.dataType === "equipments") {
         this.deleteEquipments();
       }
+      this.$emit("delete-selected-items");
     },
     deleteSamples() {
       const idsSelected = this.itemsSelected.map((x) => x.item_id);

diff --git a/webapp/src/components/PrimeTable.vue b/webapp/src/components/PrimeTable.vue
@@ -203,6 +203,9 @@ export default {
 
       return props;
     },
+    deleteSelectedItems() {
+      this.itemsSelected = [];
+    },
   },
 };
 </script>