testing the Quest Chains minting process 🙀

MetaFam · Aug 18, 2024 · 44aa9cc · 44aa9cc
1 parent 2e104bf
commit 44aa9cc
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 12 deletions.
diff --git a/packages/web/components/QuestChain/MintNFTTile.tsx b/packages/web/components/QuestChain/MintNFTTile.tsx
@@ -72,7 +72,7 @@ export const MintNFTTile: React.FC<MintNFTTileProps> = ({
         duration: null,
       });
 
-      const txHash = await contract.write.mintToken();
+      const txHash = await contract.write.mintToken([], { account: address });
       addToast({
         description: 'Transaction submitted. Waiting for 1 block confirmation.',
         duration: null,

diff --git a/packages/web/components/QuestChain/QuestChainDisplay.tsx b/packages/web/components/QuestChain/QuestChainDisplay.tsx
@@ -254,7 +254,7 @@ const QuestChainDisplay: React.FC<Props> = ({
               rel="noreferrer"
               color="purple.200"
             >
-              {`${creatorAddress?.slice(0, 5)}…${creatorAddress?.slice(-3)}`}
+              {creatorName ? creatorName : `${creatorAddress?.slice(0, 5)}…${creatorAddress?.slice(-3)}`}
             </chakra.a>
           </Tooltip>
         </Box>

diff --git a/packages/web/components/QuestChain/UploadProof.tsx b/packages/web/components/QuestChain/UploadProof.tsx
@@ -26,6 +26,7 @@ import { useViemClients } from '#lib/hooks/useEthersProvider';
 import { useInputText } from '#lib/hooks/useInputText';
 import { errorHandler } from '#utils/errorHandler';
 import { getHexChainId, NETWORK_INFO } from '#utils/networks';
+import { a } from '@react-spring/web';
 
 export type ToastInfo = {
   close: boolean;
@@ -119,25 +120,36 @@ export const UploadProof: React.FC<{
 
       addToast({
         description: (
-          <Text>
-            Wrote metadata to{' '}
-            <chakra.a href={details} color="purple.600" target="_blank">
-              {details}
-            </chakra.a>
-            .{'\n\n'}
-            Waiting for Confirmation: Confirm the transaction in your wallet.'
-          </Text>
+          <Stack>
+            <Text>
+              Wrote metadata to{' '}
+              <chakra.a href={details} color="purple.600" target="_blank">
+                {details}
+              </chakra.a>.
+            </Text>
+            <Text>
+              Simulating Mint: Confirm the transaction in your wallet.
+            </Text>
+          </Stack>
         ),
         duration: 3_000,
       });
 
       // eslint-disable-next-line no-console
       if (debug) console.debug({ quest });
 
-      const txHash = await contract.write.submitProofs(
+      if(!address) throw new Error('Missing address.')
+
+      const { request } = await contract.simulate.submitProofs(
         [[BigInt(quest.questId)], [details]],
         { account: address },
       );
+
+      // eslint-disable-next-line no-console
+      if(debug) console.debug({ request })
+
+      const txHash = await viemClients.wallet.writeContract(request);
+
       addToast({
         description: `Transaction ${txHash} submitted. Waiting for 1 block confirmation.`,
         duration: null,
@@ -149,7 +161,7 @@ export const UploadProof: React.FC<{
         ),
         duration: null,
       });
-      await helpers.waitUntilSubgraphIndexed(`${chainId}`, Number(receipt.blockNumber));
+      await helpers.waitUntilSubgraphIndexed(`0x${chainId.toString(16)}`, Number(receipt.blockNumber));
       addToast({
         description: `Successfully submitted proof.`,
         duration: 5_000,