Use link for account

Instead of a click-handler
oasisprotocol · Nov 30, 2023 · 787ecfd · 787ecfd
1 parent 1f184ed
commit 787ecfd
Showing 1 changed file with 3 additions and 7 deletions.
diff --git a/src/components/Account/index.tsx b/src/components/Account/index.tsx
@@ -16,21 +16,17 @@ export const Account: FC<Props> = ({ address, networkName }) => {
     state: { explorerBaseUrl },
   } = useWeb3()
 
-  const handleAccountClick = () => {
-    if (explorerBaseUrl) {
-      window.open(StringUtils.getAccountUrl(explorerBaseUrl, address), '_blank', 'noopener,noreferrer')
-    }
-  }
+  const url = explorerBaseUrl ? StringUtils.getAccountUrl(explorerBaseUrl, address) : undefined
 
   return (
-    <div className={classes.account} onClick={handleAccountClick}>
+    <a href={url} className={classes.account} target="_blank" rel="nofollow noreferrer">
       <JazzIcon size={isXlScreen ? 60 : 30} address={address} />
       <p className={classes.accountDetails}>
         <abbr title={address} className={classes.accountAddress}>
           {StringUtils.truncateAddress(address)}
         </abbr>
         <span className={classes.network}>{networkName}</span>
       </p>
-    </div>
+    </a>
   )
 }