From ce954fbdd0d93ffa0e7eefa75a2595fc7a3e5cf4 Mon Sep 17 00:00:00 2001
From: Luann Moreira <luannmcurioso@gmail.com>
Date: Wed, 3 May 2023 15:05:26 -0300
Subject: [PATCH] ui: changed device page list to disable if theres no more
 pages

---
 ui/src/components/DataTable.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/DataTable.vue b/ui/src/components/DataTable.vue
index c84f4552229..d34bfcd05ea 100644
--- 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>