chore: update price discount

Author: h-vien

app/pages/app.vue

@@ -176,17 +176,33 @@ async function handleCheckout() {
                     class="flex-1 md:w-auto w-full"
                   >
                     <template #item="{ item }">
-                      {{ item.title }}
-
-                      <span class="text-gray-500">{{ formatPrice(item.price, item.currency) }} / {{ item.amount }} credits</span>
+                      <span class="text-gray-500">
+                        <template v-if="item.price_discount">
+                          {{ formatPrice(Number(item.price_discount), item.currency) }}
+                          / {{ item.amount }} {{ $t('credits') }}
+
+                          <UBadge class="line-through ml-2">Giá gốc:{{ formatPrice(Number(item.price), item.currency) }}</UBadge>
+                        </template>
+                        <template v-else>
+                          {{ formatPrice(Number(item.price), item.currency) }}
+                          / {{ item.amount }} {{ $t('credits') }}
+
+                        </template>
+                      </span>
                     </template>
                   </USelect>
 
                   <UButton id="topup" size="lg" color="neutral" trailing-icon="i-lucide-rocket" class="md:w-auto w-full" @click="handleCheckout">
                     <b>
                       {{ $t('Buy') }} {{ selectedPrice?.amount || 0 }} credits
                     </b>
-                    ({{ formatPrice(selectedPrice?.amount || 0, selectedPrice?.currency || 'VND') }})
+                    <template v-if="selectedPrice?.price_discount">
+                      (<span class="line-through">{{ formatPrice(Number(selectedPrice?.price || 0), selectedPrice?.currency || 'VND') }}</span>
+                      {{ formatPrice(Number(selectedPrice?.price_discount || 0), selectedPrice?.currency || 'VND') }})
+                    </template>
+                    <template v-else>
+                      ({{ formatPrice(Number(selectedPrice?.price || 0), selectedPrice?.currency || 'VND') }})
+                    </template>
                   </UButton>
                 </div>
               </UFormField>

server/utils/payment/vn/index.ts

@@ -20,7 +20,7 @@ export async function createPaymentCheckout(
 
   const [productType, productId] = payload.productIdentifier.split(':')
 
-  let productInfo: { id: string, price: number, amount: number } | undefined
+  let productInfo: { id: string, price: number, amount: number, price_discount: number } | undefined
 
   const { createOrder, createPayment, createProviderTransaction } = usePayment()
   const { getProductByProductId } = useProduct()
@@ -49,7 +49,7 @@ export async function createPaymentCheckout(
   const userPayment = await createPayment(
     userOrder.id,
     payload.user.id,
-    Number(productInfo.price),
+    Number(productInfo.price_discount || productInfo.price),
   )
 
   const orderCode = new Date().getTime()