diff --git a/components/UI/actions/clickable/clickableDiscordIcon.tsx b/components/UI/actions/clickable/clickableDiscordIcon.tsx
index b86ce761..b0b540c3 100644
--- a/components/UI/actions/clickable/clickableDiscordIcon.tsx
+++ b/components/UI/actions/clickable/clickableDiscordIcon.tsx
@@ -1,97 +1,34 @@
 import { Tooltip } from "@mui/material";
-import { useRouter } from "next/router";
-import React, {
-  FunctionComponent,
-  useContext,
-  useEffect,
-  useState,
-} from "react";
+import React, { FunctionComponent } from "react";
 import DiscordIcon from "../../../UI/iconsComponents/icons/discordIcon";
 import styles from "../../../../styles/components/icons.module.css";
 import { minifyDomain } from "../../../../utils/stringService";
 import VerifiedIcon from "../../../UI/iconsComponents/icons/verifiedIcon";
-import { StarknetIdJsContext } from "../../../../context/StarknetIdJsProvider";
+import theme from "../../../../styles/theme";
 
 type ClickableDiscordIconProps = {
   width: string;
-  tokenId: string;
-  isOwner: boolean;
-  domain: string;
+  discordId?: string;
+  domain?: string;
 };
 
 const ClickableDiscordIcon: FunctionComponent<ClickableDiscordIconProps> = ({
   width,
-  tokenId,
-  isOwner,
   domain,
+  discordId,
 }) => {
-  const router = useRouter();
-  const [discordId, setDiscordId] = useState<string | undefined>();
-  const { starknetIdNavigator } = useContext(StarknetIdJsContext);
-
-  useEffect(() => {
-    starknetIdNavigator
-      ?.getVerifierData(tokenId, "discord")
-      .then((response) => {
-        if (response.toString(10) !== "0") {
-          setDiscordId(response.toString(10));
-        } else {
-          setDiscordId(undefined);
-        }
-      })
-      .catch(() => {
-        return;
-      });
-  }, [starknetIdNavigator, tokenId]);
-
-  function startVerification(link: string): void {
-    sessionStorage.setItem("tokenId", tokenId);
-    router.push(link);
-  }
-
-  return isOwner ? (
-    <div className="mr-1">
-      <Tooltip
-        title={
-          discordId
-            ? "Change your discord on starknet ID"
-            : "Start Discord verification"
-        }
-        arrow
-      >
-        <div
-          className={styles.clickableIconDiscord}
-          onClick={() =>
-            startVerification(
-              `${process.env.NEXT_PUBLIC_STARKNETID_APP_LINK}/identities`
-            )
-          }
-        >
-          {discordId ? (
-            <div className={styles.verifiedIcon}>
-              <VerifiedIcon width={"18"} color={"green"} />
-            </div>
-          ) : null}
-          <DiscordIcon width={width} color={"white"} />
-        </div>
-      </Tooltip>
-    </div>
-  ) : discordId ? (
-    <div className="mr-1">
-      <Tooltip title={`Check ${minifyDomain(domain)} discord`} arrow>
-        <div
-          className={styles.clickableIconDiscord}
-          onClick={() =>
-            window.open(`https://discord.com/channels/@me/${discordId}`)
-          }
-        >
-          <div className={styles.verifiedIcon}>
-            <VerifiedIcon width={"18"} color={"green"} />
-          </div>
-          <DiscordIcon width={width} color={"white"} />
+  return discordId ? (
+    <Tooltip
+      title={`${minifyDomain(domain ?? "")}'s discord is verified`}
+      arrow
+    >
+      <div className={styles.clickableIconDiscord}>
+        <div className={styles.verifiedIcon}>
+          <VerifiedIcon width={"18"} color={theme.palette.primary.main} />
         </div>
-      </Tooltip>
-    </div>
+        <DiscordIcon width={width} color={"white"} />
+      </div>
+    </Tooltip>
   ) : null;
 };
 
diff --git a/components/UI/actions/clickable/clickableGithubIcon.tsx b/components/UI/actions/clickable/clickableGithubIcon.tsx
index 192f2d34..713a4d97 100644
--- a/components/UI/actions/clickable/clickableGithubIcon.tsx
+++ b/components/UI/actions/clickable/clickableGithubIcon.tsx
@@ -1,50 +1,23 @@
 import { Tooltip } from "@mui/material";
-import { useRouter } from "next/router";
-import React, {
-  FunctionComponent,
-  useContext,
-  useEffect,
-  useState,
-} from "react";
+import React, { FunctionComponent, useEffect, useState } from "react";
 import GithubIcon from "../../../UI/iconsComponents/icons/githubIcon";
 import styles from "../../../../styles/components/icons.module.css";
 import { minifyDomain } from "../../../../utils/stringService";
 import VerifiedIcon from "../../../UI/iconsComponents/icons/verifiedIcon";
-import { StarknetIdJsContext } from "../../../../context/StarknetIdJsProvider";
+import theme from "../../../../styles/theme";
 
 type ClickableGithubIconProps = {
   width: string;
-  tokenId: string;
-  isOwner: boolean;
-  domain: string;
+  githubId?: string;
+  domain?: string;
 };
 
 const ClickableGithubIcon: FunctionComponent<ClickableGithubIconProps> = ({
   width,
-  tokenId,
-  isOwner,
+  githubId,
   domain,
 }) => {
-  const router = useRouter();
-  const [githubId, setGithubId] = useState<string | undefined>();
   const [githubUsername, setGithubUsername] = useState<string | undefined>();
-  const { starknetIdNavigator } = useContext(StarknetIdJsContext);
-
-  useEffect(() => {
-    starknetIdNavigator
-      ?.getVerifierData(tokenId, "github")
-      .then((response) => {
-        if (response.toString(10) !== "0") {
-          setGithubId(response.toString(10));
-        } else {
-          setGithubId(undefined);
-          setGithubUsername(undefined);
-        }
-      })
-      .catch(() => {
-        return;
-      });
-  }, [tokenId, domain]);
 
   useEffect(() => {
     if (githubId) {
@@ -57,52 +30,18 @@ const ClickableGithubIcon: FunctionComponent<ClickableGithubIconProps> = ({
     }
   }, [githubId]);
 
-  function startVerification(link: string): void {
-    sessionStorage.setItem("tokenId", tokenId);
-    router.push(link);
-  }
-
-  return isOwner ? (
-    <div className="mr-1">
-      <Tooltip
-        title={
-          githubUsername
-            ? "Change your github on starknet ID"
-            : "Start github verification"
-        }
-        arrow
+  return githubUsername ? (
+    <Tooltip title={`Check ${minifyDomain(domain ?? "")} github`} arrow>
+      <div
+        className={styles.clickableIconGithub}
+        onClick={() => window.open(`https://github.com/${githubUsername}`)}
       >
-        <div
-          className={styles.clickableIconGithub}
-          onClick={() =>
-            startVerification(
-              `${process.env.NEXT_PUBLIC_STARKNETID_APP_LINK}/identities`
-            )
-          }
-        >
-          {githubUsername ? (
-            <div className={styles.verifiedIcon}>
-              <VerifiedIcon width={"18"} color={"green"} />
-            </div>
-          ) : null}
-          <GithubIcon width={width} color={"white"} />
-        </div>
-      </Tooltip>
-    </div>
-  ) : githubUsername ? (
-    <div className="mr-1">
-      <Tooltip title={`Check ${minifyDomain(domain)} github`} arrow>
-        <div
-          className={styles.clickableIconGithub}
-          onClick={() => window.open(`https://github.com/${githubUsername}`)}
-        >
-          <div className={styles.verifiedIcon}>
-            <VerifiedIcon width={"18"} color={"green"} />
-          </div>
-          <GithubIcon width={width} color="white" />
+        <div className={styles.verifiedIcon}>
+          <VerifiedIcon width={"18"} color={theme.palette.primary.main} />
         </div>
-      </Tooltip>
-    </div>
+        <GithubIcon width={width} color="white" />
+      </div>
+    </Tooltip>
   ) : null;
 };
 
diff --git a/components/UI/actions/clickable/clickableTwitterIcon.tsx b/components/UI/actions/clickable/clickableTwitterIcon.tsx
index 05c90e36..a5fc573a 100644
--- a/components/UI/actions/clickable/clickableTwitterIcon.tsx
+++ b/components/UI/actions/clickable/clickableTwitterIcon.tsx
@@ -1,80 +1,30 @@
 import { Tooltip } from "@mui/material";
-import { useRouter } from "next/router";
-import React, {
-  FunctionComponent,
-  useContext,
-  useEffect,
-  useState,
-} from "react";
+import React, { FunctionComponent } from "react";
 import TwitterIcon from "../../../UI/iconsComponents/icons/twitterIcon";
 import VerifiedIcon from "../../../UI/iconsComponents/icons/verifiedIcon";
 import styles from "../../../../styles/components/icons.module.css";
-import { StarknetIdJsContext } from "../../../../context/StarknetIdJsProvider";
+import theme from "../../../../styles/theme";
 
 type ClickableTwitterIconProps = {
   width: string;
-  tokenId: string;
-  isOwner: boolean;
-  domain: string;
+  twitterId?: string;
+  domain?: string;
 };
 
 const ClickableTwitterIcon: FunctionComponent<ClickableTwitterIconProps> = ({
   width,
-  tokenId,
-  isOwner,
+  twitterId,
   domain,
 }) => {
-  const router = useRouter();
-  const [twitterId, setTwitterId] = useState<string | undefined>();
-  const { starknetIdNavigator } = useContext(StarknetIdJsContext);
-
-  useEffect(() => {
-    starknetIdNavigator
-      ?.getVerifierData(tokenId, "twitter")
-      .then((response) => {
-        if (response.toString(10) !== "0") {
-          setTwitterId(response.toString(10));
-        } else {
-          setTwitterId(undefined);
-        }
-      })
-      .catch(() => {
-        return;
-      });
-  }, [tokenId, domain]);
-
-  function startVerification(link: string): void {
-    sessionStorage.setItem("tokenId", tokenId);
-    router.push(link);
-  }
-
-  return isOwner ? (
-    <div className="mr-1">
-      <Tooltip
-        title={
-          twitterId
-            ? "Change your twitter account on Starknet ID"
-            : "Start twitter verification"
-        }
-        arrow
-      >
-        <div
-          className={styles.clickableIconTwitter}
-          onClick={() =>
-            startVerification(
-              `${process.env.NEXT_PUBLIC_STARKNETID_APP_LINK}/identities`
-            )
-          }
-        >
-          {twitterId ? (
-            <div className={styles.verifiedIcon}>
-              <VerifiedIcon width={"18"} color={"green"} />
-            </div>
-          ) : null}
-          <TwitterIcon width={width} color={"white"} />
+  return twitterId ? (
+    <Tooltip title={`${domain} twitter is verified`} arrow>
+      <div className={styles.clickableIconTwitter}>
+        <div className={styles.verifiedIcon}>
+          <VerifiedIcon width="18" color={theme.palette.primary.main} />
         </div>
-      </Tooltip>
-    </div>
+        <TwitterIcon width={width} color={"white"} />
+      </div>
+    </Tooltip>
   ) : null;
 };
 
diff --git a/components/UI/actions/socialmediaActions.tsx b/components/UI/actions/socialmediaActions.tsx
index 85688ded..3de23518 100644
--- a/components/UI/actions/socialmediaActions.tsx
+++ b/components/UI/actions/socialmediaActions.tsx
@@ -1,32 +1,55 @@
-import React, { FunctionComponent } from "react";
+import React, { FunctionComponent, useEffect, useState } from "react";
 import ClickableDiscordIcon from "./clickable/clickableDiscordIcon";
 import ClickableGithubIcon from "./clickable/clickableGithubIcon";
 import ClickableTwitterIcon from "./clickable/clickableTwitterIcon";
+import { isStarkRootDomain } from "starknetid.js/packages/core/dist/utils";
 
-const SocialMediaActions: FunctionComponent<SocialMediaActions> = ({
-  tokenId,
-  isOwner,
-  domain = "",
+type SocialMediaActionsProps = {
+  identity: Identity;
+};
+
+const SocialMediaActions: FunctionComponent<SocialMediaActionsProps> = ({
+  identity,
 }) => {
+  const [apiIdentity, setApiIdentity] = useState<Identity | undefined>();
+
+  useEffect(() => {
+    if (isStarkRootDomain(identity?.domain ?? "")) {
+      const refreshData = () =>
+        fetch(
+          `${process.env.NEXT_PUBLIC_STARKNET_ID_API_LINK}/domain_to_data?domain=${identity.domain}`
+        )
+          .then(async (response) => {
+            if (!response.ok) {
+              throw new Error(await response.text());
+            }
+            return response.json();
+          })
+          .then((data: Identity) => {
+            setApiIdentity(data);
+          });
+      refreshData();
+      const timer = setInterval(() => refreshData(), 30e3);
+      return () => clearInterval(timer);
+    }
+  }, [identity]);
+
   return (
     <div className="flex flex-row gap-1">
       <ClickableTwitterIcon
-        isOwner={isOwner}
         width="25"
-        tokenId={tokenId}
-        domain={domain}
+        domain={identity?.domain}
+        twitterId={apiIdentity?.old_twitter}
       />
       <ClickableDiscordIcon
-        isOwner={isOwner}
         width="25"
-        tokenId={tokenId}
-        domain={domain}
+        domain={identity?.domain}
+        discordId={apiIdentity?.old_discord}
       />
       <ClickableGithubIcon
-        isOwner={isOwner}
         width="25"
-        tokenId={tokenId}
-        domain={domain}
+        domain={identity?.domain}
+        githubId={apiIdentity?.old_github}
       />
     </div>
   );
diff --git a/components/UI/iconsComponents/icons/verifiedIcon.tsx b/components/UI/iconsComponents/icons/verifiedIcon.tsx
index 81ce95d4..3f8d8415 100644
--- a/components/UI/iconsComponents/icons/verifiedIcon.tsx
+++ b/components/UI/iconsComponents/icons/verifiedIcon.tsx
@@ -28,7 +28,7 @@ const verifiedIcon: FunctionComponent<IconProps> = ({ width, color }) => {
         />
       </g>
       <path
-        fill="#FFF9F0"
+        fill="black"
         d="M 254.886719 130.398438 C 248.492188 124.734375 238.625 125.332031 232.960938 131.726562 L 163.402344 210.257812 L 141.21875 188.074219 C 135.753906 182.613281 126.8125 182.613281 121.347656 188.074219 L 119.25 190.171875 C 113.785156 195.636719 113.785156 204.578125 119.25 210.042969 L 153.898438 244.695312 C 159.082031 249.878906 167.363281 250.082031 172.867188 245.429688 C 174.058594 244.671875 175.199219 243.804688 176.175781 242.699219 L 256.214844 152.332031 C 261.878906 145.929688 261.285156 136.0625 254.886719 130.398438 Z M 254.886719 130.398438 "
         fillOpacity="1"
         fillRule="nonzero"
diff --git a/components/UI/modalWallet.tsx b/components/UI/modalWallet.tsx
index ceb5f23d..0a007d7d 100644
--- a/components/UI/modalWallet.tsx
+++ b/components/UI/modalWallet.tsx
@@ -2,11 +2,7 @@ import React, { useEffect, useState } from "react";
 import styles from "../../styles/components/walletMessage.module.css";
 import { FunctionComponent } from "react";
 import { Modal } from "@mui/material";
-import {
-  UseTransactionResult,
-  useAccount,
-  useTransactions,
-} from "@starknet-react/core";
+import { useAccount, useTransactions } from "@starknet-react/core";
 import { ContentCopy } from "@mui/icons-material";
 import CopiedIcon from "./iconsComponents/icons/copiedIcon";
 import ClickableAction from "./iconsComponents/clickableAction";
@@ -84,7 +80,7 @@ const ModalWallet: FunctionComponent<ModalWalletProps> = ({
           <div className={styles.menu_title}>
             {connector && connector.id === "braavos" ? (
               <img
-                width={"25px"}
+                width="25px"
                 src="/braavos/braavosLogo.svg"
                 alt="braavos logo"
               />
diff --git a/pages/[addressOrDomain].tsx b/pages/[addressOrDomain].tsx
index 5e013697..f4b5f350 100644
--- a/pages/[addressOrDomain].tsx
+++ b/pages/[addressOrDomain].tsx
@@ -105,7 +105,7 @@ const AddressOrDomain: NextPage = () => {
               }
               setIdentity({
                 ...data,
-                id: id.toString(),
+                starknet_id: id.toString(),
               });
               if (hexToDecimal(address) === data.addr) setIsOwner(true);
               setInitProfile(true);
@@ -119,7 +119,7 @@ const AddressOrDomain: NextPage = () => {
           ?.getAddressFromStarkName(addressOrDomain)
           .then((addr) => {
             setIdentity({
-              id: "0",
+              starknet_id: "0",
               addr: hexToDecimal(addr),
               domain: addressOrDomain,
               is_owner_main: false,
@@ -150,7 +150,7 @@ const AddressOrDomain: NextPage = () => {
                     if (data.error) return;
                     setIdentity({
                       ...data,
-                      id: id.toString(),
+                      starknet_id: id.toString(),
                     });
                     if (hexToDecimal(address) === data.addr) setIsOwner(true);
                     setInitProfile(true);
@@ -161,7 +161,7 @@ const AddressOrDomain: NextPage = () => {
                 });
             } else {
               setIdentity({
-                id: "0",
+                starknet_id: "0",
                 addr: hexToDecimal(addressOrDomain),
                 domain: name,
                 is_owner_main: false,
@@ -172,7 +172,7 @@ const AddressOrDomain: NextPage = () => {
             }
           } else {
             setIdentity({
-              id: "0",
+              starknet_id: "0",
               addr: hexToDecimal(addressOrDomain),
               domain: minifyAddress(addressOrDomain),
               is_owner_main: false,
@@ -310,7 +310,7 @@ const AddressOrDomain: NextPage = () => {
             <div className={styles.profilePicture}>
               <img
                 width={"350px"}
-                src={`https://www.starknet.id/api/identicons/${identity?.id}`}
+                src={`https://www.starknet.id/api/identicons/${identity?.starknet_id}`}
                 alt="starknet.id avatar"
                 style={{ maxWidth: "150%" }}
               />
@@ -351,11 +351,7 @@ const AddressOrDomain: NextPage = () => {
               </div>
             </div>
             <div className="flex lg:justify-start justify-center lg:items-start items-center">
-              <SocialMediaActions
-                domain={identity?.domain}
-                isOwner={isOwner}
-                tokenId={identity?.id}
-              />
+              <SocialMediaActions identity={identity} />
             </div>
           </div>
         </div>
diff --git a/styles/components/icons.module.css b/styles/components/icons.module.css
index 54542d9f..e2ea7578 100644
--- a/styles/components/icons.module.css
+++ b/styles/components/icons.module.css
@@ -27,7 +27,6 @@
   background-color: #55acee;
   border-radius: 25%;
   padding: 0.5rem;
-  cursor: pointer;
   position: relative;
 }
 
@@ -39,11 +38,13 @@
 
 .clickableIconGithub {
   background-color: #24292e;
+  cursor: pointer;
 }
 
 .clickableIconDiscord {
   background-color: #7289d9;
 }
+
 .button_icon {
   width: 24px;
   margin-right: 12px;
diff --git a/types/frontTypes.d.ts b/types/frontTypes.d.ts
index 337b1bbe..a2acdaf7 100644
--- a/types/frontTypes.d.ts
+++ b/types/frontTypes.d.ts
@@ -64,10 +64,15 @@ type Reward = {
 };
 
 type Identity = {
-  id: string;
   addr: string;
-  domain: string;
-  is_owner_main: boolean;
+  domain?: string;
+  domain_expiry?: number | null;
+  is_owner_main?: boolean;
+  owner_addr?: string;
+  old_discord?: string;
+  old_twitter?: string;
+  old_github?: string;
+  starknet_id?: string;
   error?: string;
 };
 
@@ -77,12 +82,6 @@ type NftCard = {
   url: string;
 };
 
-type SocialMediaActions = {
-  tokenId: string;
-  isOwner: boolean;
-  domain?: string;
-};
-
 type StarkscanNftProps = {
   animation_url: string | null;
   attributes: Attribute[];