fix(DataTable): disable pagination buttons on loading (#219)

rotki · Jul 1, 2024 · 722f428 · 722f428
1 parent e95825a
commit 722f428
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/tables/TablePagination.vue b/src/components/tables/TablePagination.vue
@@ -165,7 +165,7 @@ function onLast() {
     <div :class="css.navigation">
       <Button
         :size="dense ? 'sm' : undefined"
-        :disabled="!hasPrev"
+        :disabled="!hasPrev || loading"
         variant="text"
         icon
         @click="onFirst()"
@@ -174,7 +174,7 @@ function onLast() {
       </Button>
       <Button
         :size="dense ? 'sm' : undefined"
-        :disabled="!hasPrev"
+        :disabled="!hasPrev || loading"
         variant="text"
         icon
         @click="onPrev()"
@@ -183,7 +183,7 @@ function onLast() {
       </Button>
       <Button
         :size="dense ? 'sm' : undefined"
-        :disabled="!hasNext"
+        :disabled="!hasNext || loading"
         variant="text"
         icon
         @click="onNext()"
@@ -192,7 +192,7 @@ function onLast() {
       </Button>
       <Button
         :size="dense ? 'sm' : undefined"
-        :disabled="!hasNext"
+        :disabled="!hasNext || loading"
         variant="text"
         icon
         @click="onLast()"