From 4f5a720c30ce42d8d6fd7e1a4b239ad396173eb3 Mon Sep 17 00:00:00 2001
From: CuriousMagpie <eilatan@gmail.com>
Date: Fri, 18 Nov 2022 15:27:18 -0500
Subject: [PATCH] how to make component show up?

---
 ...mber-increment.vue => numberIncrement.vue} | 20 +++++++++----------
 .../src/components/shops/market/sellModal.vue |  2 ++
 2 files changed, 12 insertions(+), 10 deletions(-)
 rename website/client/src/components/shared/{number-increment.vue => numberIncrement.vue} (87%)

diff --git a/website/client/src/components/shared/number-increment.vue b/website/client/src/components/shared/numberIncrement.vue
similarity index 87%
rename from website/client/src/components/shared/number-increment.vue
rename to website/client/src/components/shared/numberIncrement.vue
index 8596d204bc..91ad8670e0 100644
--- a/website/client/src/components/shared/number-increment.vue
+++ b/website/client/src/components/shared/numberIncrement.vue
@@ -2,9 +2,9 @@
   <div class="d-flex flex-row align-items-center justify-content-center">
     <div
       class="gray-circle"
-      @click="gift.gems.amount <= 0
-        ? gift.gems.amount = 0
-        : gift.gems.amount--"
+      @click="gems.amount <= 0
+        ? gems.amount = 0
+        : gems.amount--"
     >
       <div
         class="icon-negative"
@@ -20,14 +20,14 @@
       </div>
       <input
         id="gemsForm"
-        v-model.number="gift.gems.amount"
+        v-model.number="gems.amount"
         class="form-control"
-        max="9999"
+        :max="itemContextToSell.itemCount"
       >
     </div>
     <div
       class="gray-circle"
-      @click="gift.gems.amount++"
+      @click="gems.amount++"
     >
       <div
         class="icon-positive"
@@ -107,10 +107,10 @@ export default {
   data () {
     return {
       icons: Object.freeze({
-        goldIcon,
-        gemIcon,
-        positiveIcon,
-        negativeIcon,
+        gold: gemIcon,
+        gem: goldIcon,
+        plus: positiveIcon,
+        minus: negativeIcon,
       }),
     };
   },
diff --git a/website/client/src/components/shops/market/sellModal.vue b/website/client/src/components/shops/market/sellModal.vue
index ba59ed6196..fa6822dfb2 100644
--- a/website/client/src/components/shops/market/sellModal.vue
+++ b/website/client/src/components/shops/market/sellModal.vue
@@ -165,12 +165,14 @@ import svgGem from '@/assets/svg/gem.svg';
 import BalanceInfo from '../balanceInfo.vue';
 import Item from '@/components/inventory/item';
 import CountBadge from '@/components/ui/countBadge';
+import numberIncrement from '@/components/shared/numberIncrement';
 
 export default {
   components: {
     BalanceInfo,
     Item,
     CountBadge,
+    numberIncrement,
   },
   data () {
     return {