fix: identicons URL

components/domains/externalDomainCard.tsx

@@ -35,7 +35,7 @@ const ExternalDomainCard: FunctionComponent<ExternalDomainCardProps> = ({
                   ? "/braavos/braavosLogoWithBackground.webp"
                   : domainKind === "sol"
                   ? "/solana/bonfida.webp"
-                  : `${process.env.NEXT_PUBLIC_STARKNET_ID}/api/identicons/0`
+                  : `https://identicon.starknet.id/0`
               }
               height={150}
               width={150}

components/domains/selectIdentity.tsx

@@ -87,7 +87,7 @@ const SelectIdentity: FunctionComponent<SelectIdentityProps> = ({
             <ListItemIcon>
               <img
                 width={"25px"}
-                src={`${process.env.NEXT_PUBLIC_STARKNET_ID}/api/identicons/${tokenId}`}
+                src={`https://identicon.starknet.id/${tokenId}`}
                 alt="starknet.id avatar"
               />
             </ListItemIcon>

components/identities/identitiesGalleryV1.tsx

@@ -154,7 +154,7 @@ const IdentitiesGalleryV1: FunctionComponent<IdentitiesGalleryV1Props> = ({
                 <img
                   width={150}
                   height={150}
-                  src={`${process.env.NEXT_PUBLIC_STARKNET_ID}/api/identicons/0`}
+                  src="https://identicon.starknet.id/0"
                   alt="avatar"
                   onClick={() => router.push(`/externaldomains/${domain}`)}
                 />

tests/utils/userDataService.test.js

@@ -83,7 +83,7 @@ describe("computeMetadataHash function", () => {
 });
 
 describe("getPfpFromFullId function", () => {
-  const defaultUrl = `${STARKNET_ID_URL}/api/identicons/`;
+  const defaultUrl = `https://identicon.starknet.id/`;
 
   it("should return the image URL if pp_url is present", () => {
     const identity = { id: "123", pp_url: "http://example.com/profile.jpg" };

utils/apiWrappers/identity.ts

@@ -167,9 +167,7 @@ export class Identity {
   }
 
   async getPfpFromVerifierData(): Promise<string> {
-    const identiconsUrl = `${
-      process.env.NEXT_PUBLIC_STARKNET_ID
-    }/api/identicons/${Number(this.id)}`;
+    const identiconsUrl = `https://identicon.starknet.id/${Number(this.id)}`;
     // Get NFT contract address from verifier_data
     const contractAddress = this.getVerifierData(
       formatHexString(process.env.NEXT_PUBLIC_NFT_PP_VERIFIER as string),

utils/userDataService.ts

@@ -33,6 +33,5 @@ export async function computeMetadataHash(
 
 export const getPfpFromFullId = (identity: FullId): string => {
   if (identity && identity.pp_url) return getImgUrl(identity.pp_url);
-  else
-    return `${process.env.NEXT_PUBLIC_STARKNET_ID}/api/identicons/${identity.id}`;
+  else return `https://identicon.starknet.id/${identity.id}`;
 };