From 9727fca82495d9918fafaed9a64ab5b10c547c7b Mon Sep 17 00:00:00 2001
From: Mahmoud Emad <mahmmoud.hassanein@gmail.com>
Date: Tue, 4 Jun 2024 09:46:43 +0300
Subject: [PATCH] fix: Fix deleting contracts loading:

- Removed unused variable named 'loadingDelete'.
- Used the 'deleting' attr when deleting contacts to indicate the loader component.
---
 .../src/components/contracts_list/contracts_table.vue     | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/playground/src/components/contracts_list/contracts_table.vue b/packages/playground/src/components/contracts_list/contracts_table.vue
index cfaa87a5aa..28a96cf0d3 100644
--- a/packages/playground/src/components/contracts_list/contracts_table.vue
+++ b/packages/playground/src/components/contracts_list/contracts_table.vue
@@ -3,7 +3,7 @@
     <v-data-table-server
       v-if="$props.tableHeaders"
       :headers="$props.tableHeaders"
-      :loading="$props.loading.value"
+      :loading="$props.loading.value || deleting"
       loading-text="Loading contracts..."
       v-model="selectedContracts"
       :deleting="deleting"
@@ -122,7 +122,7 @@
         variant="outlined"
         color="anchor"
         prepend-icon="mdi-export-variant"
-        :disabled="isExporting || !contracts || contracts.length === 0 || loadingDelete || deleting"
+        :disabled="isExporting || !contracts || contracts.length === 0 || deleting"
         @click="exportData"
       >
         Export
@@ -131,7 +131,8 @@
       <v-btn
         variant="outlined"
         color="error"
-        :disabled="!selectedContracts.length || loadingDelete || deleting"
+        :disabled="!selectedContracts.length || deleting"
+        :loading="deleting"
         prepend-icon="mdi-trash-can-outline"
         @click="deletingDialog = true"
       >
@@ -366,7 +367,6 @@ const layout = ref();
 const contractLocked = ref<ContractLock>();
 const deleting = ref<boolean>(false);
 const loadingShowDetails = ref<boolean>(false);
-const loadingDelete = ref<boolean>(false);
 const contractStateDialog = ref<boolean>(false);
 const isExporting = ref<boolean>(false);
 const deletingDialog = ref<boolean>(false);