hides relationship arrows on panel

Signed-off-by: wadeking98 <wkingnumber2@gmail.com>
bcgov · Jan 18, 2022 · 6e5ab80 · 6e5ab80
1 parent fe48466
commit 6e5ab80
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/src/components/entity/EntityResult.vue b/src/components/entity/EntityResult.vue
@@ -216,10 +216,21 @@
                   'justify-center': !$vuetify.breakpoint.lgAndUp,
                 }"
               >
-                <v-btn icon @click="incRelationshipStartIndex(-1)">
+                <v-btn
+                  :disabled="relationshipStartIndex <= 0"
+                  icon
+                  @click="incRelationshipStartIndex(-1)"
+                >
                   <v-icon>{{ mdiChevronLeft }}</v-icon>
                 </v-btn>
-                <v-btn icon @click="incRelationshipStartIndex(1)">
+                <v-btn
+                  :disabled="
+                    relationshipStartIndex + itemsDisplayed >=
+                    businessAsRelationship.length
+                  "
+                  icon
+                  @click="incRelationshipStartIndex(1)"
+                >
                   <v-icon>{{ mdiChevronRight }}</v-icon>
                 </v-btn>
               </v-col>