From 787ecfd4aaa919e5208bcfea32019582d8147740 Mon Sep 17 00:00:00 2001
From: Kristof Csillag <kristof@oasisprotocol.org>
Date: Thu, 30 Nov 2023 23:46:07 +0100
Subject: [PATCH] Use link for account

Instead of a click-handler
---
 src/components/Account/index.tsx | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/components/Account/index.tsx b/src/components/Account/index.tsx
index 81368ba..edf381b 100644
--- a/src/components/Account/index.tsx
+++ b/src/components/Account/index.tsx
@@ -16,14 +16,10 @@ 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}>
@@ -31,6 +27,6 @@ export const Account: FC<Props> = ({ address, networkName }) => {
         </abbr>
         <span className={classes.network}>{networkName}</span>
       </p>
-    </div>
+    </a>
   )
 }