From 06ac6ae80c18ae916244e732d5fe520f040c1989 Mon Sep 17 00:00:00 2001
From: CuriousMagpie <eilatan@gmail.com>
Date: Tue, 2 May 2023 13:23:31 -0400
Subject: [PATCH] fix(html): fix behavior of buyModal when gems are being
 purchased; typo correction

---
 website/client/src/components/shops/buyModal.vue | 14 +++-----------
 website/common/locales/en/subscriber.json        |  2 +-
 2 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/website/client/src/components/shops/buyModal.vue b/website/client/src/components/shops/buyModal.vue
index b9e915e292..7120dbabdd 100644
--- a/website/client/src/components/shops/buyModal.vue
+++ b/website/client/src/components/shops/buyModal.vue
@@ -86,9 +86,8 @@
           />
         </slot>
         <div
-          v-if="item.value > 0"
+          v-if="item.value > 0 && !(item.key === 'gem' && gemsLeft < 1)"
           class="purchase-amount"
-          :hidden="attemptingToPurchaseMoreGemsThanAreLeft"
         >
           <!-- this is where the pretty item cost element lives -->
           <div class="item-cost">
@@ -111,13 +110,11 @@
           <div
             v-if="showAmountToBuy(item)"
             class="how-many-to-buy"
-            :hidden="attemptingToPurchaseMoreGemsThanAreLeft"
           >
             {{ $t('howManyToBuy') }}
           </div>
           <div
             v-if="showAmountToBuy(item)"
-            :hidden="attemptingToPurchaseMoreGemsThanAreLeft"
           >
             <number-increment
               class="number-increment"
@@ -141,7 +138,7 @@
           </div>
         </div>
         <div
-          v-if="attemptingToPurchaseMoreGemsThanAreLeft"
+          v-if="item.key === 'gem' && gemsLeft < 1"
           class="no-more-gems"
         >
           {{ $t('notEnoughGemsToBuy') }}
@@ -168,12 +165,7 @@
           {{ $t('viewSubscriptions') }}
         </button>
         <button
-          v-else-if="attemptingToPurchaseMoreGemsThanAreLeft"
-          :hidden="attemptingToPurchaseMoreGemsThanAreLeft"
-        >
-        </button>
-        <button
-          v-else
+          v-else-if="!(item.key === 'gem' && gemsLeft < 1)"
           class="btn btn-primary"
           :disabled="item.key === 'gem' && gemsLeft === 0 ||
             attemptingToPurchaseMoreGemsThanAreLeft || numberInvalid || item.locked ||
diff --git a/website/common/locales/en/subscriber.json b/website/common/locales/en/subscriber.json
index ddd0b689c6..04ff983479 100644
--- a/website/common/locales/en/subscriber.json
+++ b/website/common/locales/en/subscriber.json
@@ -195,7 +195,7 @@
     "subscriptionBenefit6": "Earn Mystic Hourglasses to purchase items in the Time Traveler’s Shop!",
     "purchaseAll": "Purchase Set",
     "gemsRemaining": "remaining",
-    "notEnoughGemsToBuy": "No more Gems available for purchase this month. More will become avalable within the first 3 days of each month.",
+    "notEnoughGemsToBuy": "No more Gems available for purchase this month. More will become available within the first 3 days of each month.",
     "subscribersReceiveBenefits": "Subscribers receive these useful benefits!",
     "monthlyMysteryItems": "Monthly Mystery Items",
     "doubleDropCap": "Double the Drops",