fix style + bug

lfglabs-dev · Jul 24, 2024 · 3a10d57 · 3a10d57
1 parent ad63133
commit 3a10d57
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 7 deletions.
diff --git a/components/identities/identityCard.tsx b/components/identities/identityCard.tsx
@@ -106,7 +106,9 @@ const IdentityCard: FunctionComponent<IdentityCardProps> = ({
           </div>
           {minting ? (
             <div className="text-left h-full py-2">
-              <h1 className="text-3xl font-bold">Minting your identity...</h1>
+              <h1 className="text-3xl font-bold font-quickZap">
+                Minting your identity...
+              </h1>
               <p>This page will refresh automatically</p>
               <Skeleton className="mt-3" variant="rounded" height={30} />
               <Skeleton className="mt-3" variant="rounded" height={58} />

diff --git a/pages/identities/[tokenId].tsx b/pages/identities/[tokenId].tsx
@@ -31,8 +31,24 @@ const TokenIdPage: NextPage = () => {
   const [isTxModalOpen, setIsTxModalOpen] = useState(false);
   const [ppTxHash, setPpTxHash] = useState<string>();
   const [ppImageUrl, setPpImageUrl] = useState("");
+  const [minting, setMinting] = useState(false);
   const searchParams = useSearchParams();
-  const minting = searchParams.get("minting") === "true";
+  const mintingInUrl = searchParams.get("minting") === "true";
+
+  useEffect(() => {
+    if (mintingInUrl) setMinting(true);
+    else setMinting(false);
+  }, [mintingInUrl]);
+
+  const endMinting = useCallback(() => {
+    router.replace(router.asPath.split("?")[0]);
+    setMinting(false);
+    setHideActions(false);
+  }, [router]);
+
+  useEffect(() => {
+    if (minting && identity) endMinting();
+  }, [minting, identity, endMinting]);
 
   useEffect(() => {
     if (!identity || !address) {
@@ -78,10 +94,7 @@ const TokenIdPage: NextPage = () => {
           return response.json();
         })
         .then((data: IdentityData) => {
-          if (minting) {
-            router.replace(router.asPath.split("?")[0]);
-            setHideActions(false);
-          }
+          if (minting) endMinting();
           setIdentity(new Identity(data));
           setIsIdentityADomain(Boolean(data?.domain));
         })
@@ -95,7 +108,7 @@ const TokenIdPage: NextPage = () => {
             setIsIdentityADomain(false);
           }
         }),
-    [tokenId, minting, router]
+    [tokenId, minting, endMinting]
   );
 
   useEffect(() => {