From 5ba3cc32098fcee361d5dea298d219fc9d638d94 Mon Sep 17 00:00:00 2001
From: George Kiknadze <g.kiknadze@hotmail.com>
Date: Sun, 9 Jul 2023 13:45:47 +0400
Subject: [PATCH] feat: open address in a new tab

---
 src/components/list-tokens.js | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/list-tokens.js b/src/components/list-tokens.js
index 0072241..1d9cd89 100644
--- a/src/components/list-tokens.js
+++ b/src/components/list-tokens.js
@@ -86,9 +86,9 @@ const Chain = styled.span`
 `
 
 export const ListItem = memo(function ListItem({ token }) {
-  const scanner = lookupScanner(token.chainId); 
-  const tokenAddress = toChecksumAddress(token.address); 
-  const scannerUrl = scanner == "" ? "" : scanner + tokenAddress; 
+  const scanner = lookupScanner(token.chainId)
+  const tokenAddress = toChecksumAddress(token.address)
+  const scannerUrl = scanner == '' ? '' : scanner + tokenAddress
   return (
     <TokenItem>
       <TokenInfo>
@@ -127,7 +127,7 @@ export const ListItem = memo(function ListItem({ token }) {
         )}
       </TokenTagWrapper>
       <TokenAddress>
-        <a style={{ textAlign: 'right' }} href={scannerUrl}>
+        <a style={{ textAlign: 'right' }} href={scannerUrl} target="_blank" rel="noopener noreferrer">
           {`${tokenAddress?.slice(0, 6)}...${tokenAddress?.slice(38, 42)}`}
         </a>
         <CopyHelper toCopy={token.address} />
@@ -182,9 +182,8 @@ const ListHeader = styled.div`
 
 export default function Tokens({ tokens }) {
   const [value, setValue] = useState('')
-  const sortedTokens = tokens.sort((a,b) =>{ 
-    return a.symbol > b.symbol ? 1 : 
-      a.symbol < b.symbol ? -1 : 0; 
+  const sortedTokens = tokens.sort((a, b) => {
+    return a.symbol > b.symbol ? 1 : a.symbol < b.symbol ? -1 : 0
   })
 
   function handleChange(e) {