From 002a42895a068b74f9c549f8975b834207d1893c Mon Sep 17 00:00:00 2001
From: Corban Brook <corbanbrook@gmail.com>
Date: Wed, 29 May 2024 10:45:05 -0400
Subject: [PATCH] Fix minting (#72)

* clean up isPending prop

* Use the correct abi for nft minting
---
 examples/next/src/app/components/Connected.tsx | 7 ++++---
 examples/react/src/components/Connected.tsx    | 7 ++++---
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/examples/next/src/app/components/Connected.tsx b/examples/next/src/app/components/Connected.tsx
index 1463b783..7f55ccb3 100644
--- a/examples/next/src/app/components/Connected.tsx
+++ b/examples/next/src/app/components/Connected.tsx
@@ -20,7 +20,8 @@ import { isDebugMode } from '../../config'
 
 import { Header } from './Header'
 
-import { abi, messageToSign } from '@/constants'
+import { messageToSign } from '@/constants'
+import { abi } from '@/constants/nft-abi'
 
 export const Connected = () => {
   const { address } = useAccount()
@@ -418,7 +419,7 @@ interface CardButtonProps {
 }
 
 const CardButton = (props: CardButtonProps) => {
-  const { title, description, onClick } = props
+  const { title, description, onClick, isPending } = props
 
   return (
     <Card clickable onClick={onClick}>
@@ -429,7 +430,7 @@ const CardButton = (props: CardButtonProps) => {
         {description}
       </Text>
 
-      {props.isPending && (
+      {isPending && (
         <Box gap="2" alignItems="center" marginTop="4">
           <Spinner />
           <Text variant="small" color="text50">
diff --git a/examples/react/src/components/Connected.tsx b/examples/react/src/components/Connected.tsx
index b28d3af3..e298e883 100644
--- a/examples/react/src/components/Connected.tsx
+++ b/examples/react/src/components/Connected.tsx
@@ -38,7 +38,8 @@ import {
   useWriteContract
 } from 'wagmi'
 
-import { messageToSign, abi } from '../constants'
+import { messageToSign } from '../constants'
+import { abi } from '../constants/nft-abi'
 import { delay, getCheckoutSettings } from '../utils'
 
 import { Header } from './Header'
@@ -588,7 +589,7 @@ interface CardButtonProps {
 }
 
 const CardButton = (props: CardButtonProps) => {
-  const { title, description, onClick } = props
+  const { title, description, onClick, isPending } = props
 
   return (
     <Card clickable onClick={onClick}>
@@ -599,7 +600,7 @@ const CardButton = (props: CardButtonProps) => {
         {description}
       </Text>
 
-      {props.isPending && (
+      {isPending && (
         <Box gap="2" alignItems="center" marginTop="4">
           <Spinner size="sm" />
           <Text variant="small" color="text50">