fix: adds grab mint metadata for ft's (#24496)

* fix: adds grab mint metadata for ft's

* fix: adds unverified tag to tokens from meta

* fix: adds unverified banner

explorer/src/pages/AccountDetailsPage.tsx

@@ -185,14 +185,33 @@ export function AccountHeader({
     );
   }
 
-  if (tokenDetails && isToken) {
+  if (isToken) {
+    let token;
+    let unverified = false;
+
+    if (tokenDetails) {
+      token = tokenDetails;
+    } else {
+      token = {
+        logoURI: data?.nftData?.json?.image,
+        name: data?.nftData?.json?.name,
+      };
+      unverified = true;
+    }
+
     return (
       <div className="row align-items-end">
+        {unverified && (
+          <div className="alert alert-danger alert-scam" role="alert">
+            Warning! This token uses custom metadata and may have spoofed its
+            name and logo to look like another token.
+          </div>
+        )}
         <div className="col-auto">
           <div className="avatar avatar-lg header-avatar-top">
-            {tokenDetails?.logoURI ? (
+            {token?.logoURI ? (
               <img
-                src={tokenDetails.logoURI}
+                src={token.logoURI}
                 alt="token logo"
                 className="avatar-img rounded-circle border border-4 border-body"
               />
@@ -208,9 +227,7 @@ export function AccountHeader({
 
         <div className="col mb-3 ms-n3 ms-md-n2">
           <h6 className="header-pretitle">Token</h6>
-          <h2 className="header-title">
+          <h2 className="header-title">{token?.name || "Unknown Token"}</h2>
-            {tokenDetails?.name || "Unknown Token"}
-          </h2>
         </div>
       </div>
     );