refactor(components): update createExtraContent and claim buttons

Changes include:
- Modify createExtraContent to use object parameter
- Remove unnecessary console.log

Author: tnkshuuhei

components/global/extra-content.tsx

@@ -2,11 +2,15 @@ import { Button } from "@/components/ui/button";
 import type { Chain, TransactionReceipt } from "viem";
 import { generateBlockExplorerLink } from "@/lib/utils";
 
-export const createExtraContent = (
-  receipt: TransactionReceipt,
-  hypercertId?: string,
-  chain?: Chain,
-) => {
+export const createExtraContent = ({
+  receipt,
+  hypercertId,
+  chain,
+}: {
+  receipt: TransactionReceipt;
+  hypercertId?: string;
+  chain: Chain;
+}) => {
   const receiptButton = receipt && (
     <>
       <a

components/profile/unclaimed-hypercert-butchClaim-button.tsx

@@ -12,6 +12,7 @@ import { useState } from "react";
 import { Hex, ByteArray, getAddress } from "viem";
 import { errorToast } from "@/lib/errorToast";
 import { ChainFactory } from "@/lib/chainFactory";
+import { createExtraContent } from "../global/extra-content";
 
 interface TransformedClaimData {
   hypercertTokenIds: bigint[];
@@ -43,7 +44,7 @@ export default function UnclaimedHypercertBatchClaimButton({
   const account = useAccount();
   const { refresh } = useRouter();
   const [isLoading, setIsLoading] = useState(false);
-  const { setDialogStep, setSteps, setOpen, setTitle } =
+  const { setDialogStep, setSteps, setOpen, setTitle, setExtraContent } =
     useStepProcessDialogContext();
   const { switchChain } = useSwitchChain();
 
@@ -73,12 +74,10 @@ export default function UnclaimedHypercertBatchClaimButton({
 
     const claimData = transformAllowListRecords(allowListRecords);
     await setDialogStep("preparing, active");
-    console.log(allowListRecords);
     try {
       await setDialogStep("claiming", "active");
 
       const tx = await client.batchClaimFractionsFromAllowlists(claimData);
-      console.log(tx);
       if (!tx) {
         await setDialogStep("claiming", "error");
         throw new Error("Failed to claim fractions");
@@ -89,39 +88,43 @@ export default function UnclaimedHypercertBatchClaimButton({
       });
       if (receipt.status == "success") {
         await setDialogStep("done", "completed");
+        const extraContent = createExtraContent({
+          receipt,
+          chain: account?.chain!,
+        });
+        setExtraContent(extraContent);
         await revalidatePathServerAction([
           `/profile/${account.address}?tab=hypercerts-claimable`,
           `/profile/${account.address}?tab=hypercerts-owned`,
         ]);
       } else if (receipt.status == "reverted") {
         await setDialogStep("confirming", "error", "Transaction reverted");
       }
-      console.log({ receipt });
       setTimeout(() => {
         refresh();
       }, 5000);
     } catch (error) {
       console.error(error);
     } finally {
       setIsLoading(false);
-      setOpen(false);
     }
   };
+
+  const isBatchClaimDisabled =
+    isLoading ||
+    !allowListRecords.length ||
+    !account ||
+    !client ||
+    account.address !== getAddress(allowListRecords[0].user_address as string);
+
   return (
     <>
       {account.chainId === selectedChainId ? (
         <Button
           variant={"default"}
           size={"sm"}
           onClick={claimHypercert}
-          disabled={
-            isLoading ||
-            !allowListRecords.length ||
-            !account ||
-            !client ||
-            account.address !==
-              getAddress(allowListRecords[0].user_address as string)
-          }
+          disabled={isBatchClaimDisabled}
         >
           Claim Selected
         </Button>

components/profile/unclaimed-hypercert-claim-button.tsx

@@ -63,8 +63,6 @@ export default function UnclaimedHypercertClaimButton({
     }
     await setDialogStep("preparing, active");
 
-    console.log(allowListRecord);
-
     try {
       await setDialogStep("claiming", "active");
       const tx = await client.mintClaimFractionFromAllowlist(
@@ -73,7 +71,6 @@ export default function UnclaimedHypercertClaimButton({
         selectedHypercert?.proof as `0x${string}`[],
         undefined,
       );
-      console.log(tx);
 
       if (!tx) {
         await setDialogStep("claiming", "error");
@@ -87,11 +84,11 @@ export default function UnclaimedHypercertClaimButton({
 
       if (receipt.status == "success") {
         await setDialogStep("route", "active");
-        const extraContent = createExtraContent(
-          receipt,
-          selectedHypercert?.hypercert_id!,
-          account.chain,
-        );
+        const extraContent = createExtraContent({
+          receipt: receipt,
+          hypercertId: selectedHypercert?.hypercert_id!,
+          chain: account.chain!,
+        });
         setExtraContent(extraContent);
         await setDialogStep("done", "completed");
         await revalidatePathServerAction([
@@ -102,15 +99,13 @@ export default function UnclaimedHypercertClaimButton({
       } else if (receipt.status == "reverted") {
         await setDialogStep("confirming", "error", "Transaction reverted");
       }
-      console.log({ receipt });
       setTimeout(() => {
         refresh();
       }, 5000);
     } catch (error) {
       console.error(error);
     } finally {
       setIsLoading(false);
-      setOpen(false);
     }
   };
 

hypercerts/hooks/useMintHypercert.ts

@@ -87,7 +87,11 @@ export const useMintHypercert = () => {
         );
       }
 
-      const extraContent = createExtraContent(receipt, hypercertId, chain);
+      const extraContent = createExtraContent({
+        receipt,
+        hypercertId,
+        chain: chain!,
+      });
       setExtraContent(extraContent);
 
       await setDialogStep("done", "completed");