Fix minting (#72)

* clean up isPending prop * Use the correct abi for nft minting
0xsequence · May 29, 2024 · 002a428 · 002a428
1 parent aa45667
commit 002a428
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git 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
@@ -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">