From 019cecc726885f112268d478e98c9a4fb36f90cc Mon Sep 17 00:00:00 2001
From: Naveed Elahi <statix231@hotmail.com>
Date: Fri, 7 Jun 2024 11:30:28 +0800
Subject: [PATCH] Add test cards link for nft checkout

---
 src/components/NFTCheckoutDetails/NFTCheckoutDetails.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/NFTCheckoutDetails/NFTCheckoutDetails.vue b/src/components/NFTCheckoutDetails/NFTCheckoutDetails.vue
index 15629fe..6bbf6cb 100644
--- a/src/components/NFTCheckoutDetails/NFTCheckoutDetails.vue
+++ b/src/components/NFTCheckoutDetails/NFTCheckoutDetails.vue
@@ -2,6 +2,7 @@
 import { Button } from '@toruslabs/vue-components/Button'
 import { Card } from '@toruslabs/vue-components/Card'
 import { Icon } from '@toruslabs/vue-components/Icon'
+import { Link } from '@toruslabs/vue-components/Link'
 import CardHeading from '../CardHeading'
 import { computed, onMounted, ref } from 'vue'
 import { useWeb3authStore } from '../../store/web3authStore'
@@ -103,7 +104,10 @@ const demoNftPurchaseUrl = computed(
         <Icon name="shopping-cart-solid-icon" class="!w-8 !h-8 text-app-gray-400" />
         <h4 class="text-xl text-app-gray-900 font-semibold mt-4">Experience NFT Checkout</h4>
         <p class="text-sm font-normal text-app-gray-500 mb-4">
-          Preview what NFT buying would feel like for your application or wallet
+          Preview what NFT buying would feel like for your application or wallet.
+          <Link target="_blank" href="https://docs.stripe.com/testing#cards"
+            >Try our test cards</Link
+          >
         </p>
         <Button
           variant="secondary"