From 77b2aab75a27a61dc9c9318840359952b8a68962 Mon Sep 17 00:00:00 2001
From: Peter <peterlgirouard@gmail.com>
Date: Fri, 26 Jan 2024 20:27:01 -0500
Subject: [PATCH] Show but disable button when no prev/next

---
 src/components/CardImagesDisplay.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/CardImagesDisplay.vue b/src/components/CardImagesDisplay.vue
index 9da01a0..48bf7d2 100644
--- a/src/components/CardImagesDisplay.vue
+++ b/src/components/CardImagesDisplay.vue
@@ -7,14 +7,16 @@
       </div>
       <div class="col-sm-auto" v-visible="isAuthenticated" style="width: 940px;">
         <div class="row">
-          <div v-visible="hasPreviousCard && isAuthenticated" class="col-sm-5">
-            <input type="button" class="w-100" @click="decrementCurrentSeasonNumber" value="<<" />
+          <div v-visible="isAuthenticated" class="col-sm-5">
+            <input :disabled="!hasPreviousCard" type="button" class="w-100" @click="decrementCurrentSeasonNumber"
+              value="<<" />
           </div>
           <strong class="col-sm-2" style="text-align: center;">
             {{ getSeasonStringBySeasonNumber(currentSeasonNumber) }}
           </strong>
-          <div v-visible="hasNextCard && isAuthenticated" class="col-sm-5">
-            <input type="button" class="w-100" @click="incrementCurrentSeasonNumber" value=">>" />
+          <div v-visible="isAuthenticated" class="col-sm-5">
+            <input :disabled="!hasNextCard" type="button" class="w-100" @click="incrementCurrentSeasonNumber"
+              value=">>" />
           </div>
         </div>
         <div class="row">