🐛 Fix missing coupon field for purchase link (#179)

likecoin · Aug 22, 2024 · 0b55cac · 0b55cac
1 parent 98d9d2f
commit 0b55cac
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/pages/nft-book-store/collection/status/[collectionId].vue b/pages/nft-book-store/collection/status/[collectionId].vue
@@ -418,8 +418,12 @@
                 <UInput v-model="fromChannel" placeholder="Channel ID" />
               </UFormGroup>
 
-              <UFormGroup v-if="Object.keys(coupons).length" label="Active coupon" hint="Optional">
-                <USelect v-model="activeCoupon" :options="[''].concat(Object.keys(coupons))" />
+              <UFormGroup v-if="couponsTableRows.length" label="Active coupon" hint="Optional">
+                <USelect
+                  v-model="activeCoupon"
+                  :options="[{ value: '', label: 'Select a coupon' }].concat(couponsTableRows.map(({ id }) => ({ label: id, value: id })))"
+                  :ui="!activeCoupon ? { color: { white: { outline: 'text-gray-400 dark:text-gray-500' } } } : {}"
+                />
               </UFormGroup>
 
               <UButton

diff --git a/pages/nft-book-store/status/[classId].vue b/pages/nft-book-store/status/[classId].vue
@@ -549,6 +549,14 @@
                 <UInput v-model="fromChannelInput" placeholder="Channel ID(s), separated by commas (e.g. store01, store02)" />
               </UFormGroup>
 
+              <UFormGroup v-if="couponsTableRows.length" label="Active coupon" hint="Optional">
+                <USelect
+                  v-model="activeCoupon"
+                  :options="[{ value: '', label: 'Select a coupon' }].concat(couponsTableRows.map(({ id }) => ({ label: id, value: id })))"
+                  :ui="!activeCoupon ? { color: { white: { outline: 'text-gray-400 dark:text-gray-500' } } } : {}"
+                />
+              </UFormGroup>
+
               <UCard
                 v-if="purchaseLinks.length > 1"
                 :ui="{