ui: changed device page list to disable if theres no more pages

shellhub-io · May 3, 2023 · ce954fb · ce954fb
1 parent 8c0601f
commit ce954fb
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/ui/src/components/DataTable.vue b/ui/src/components/DataTable.vue
@@ -41,9 +41,13 @@
         />
       </div>
       <div class="d-flex align-center">
-        <v-btn icon="mdi-chevron-left" variant="plain" @click="$emit('clickPreviousPage')" />
+        <v-btn icon="mdi-chevron-left" variant="plain" @click="$emit('clickPreviousPage')" :disabled="pageQuantity <= 1" />
         <span class="text-subtitle-2">{{ actualPage }} of {{ pageQuantity }}</span>
-        <v-btn icon="mdi-chevron-right" variant="plain" @click="$emit('clickNextPage')" />
+        <v-btn
+          icon="mdi-chevron-right"
+          variant="plain"
+          @click="$emit('clickNextPage')"
+          :disabled="pageQuantity <= 1 || actualPage == pageQuantity" />
       </div>
     </div>
   </div>