Merge pull request #347 from blockscout/internal-links

open internal links in the same tab

ui/home/LatestTxsItem.tsx

@@ -100,7 +100,6 @@ const LatestBlocksItem = ({ tx }: Props) => {
                   type="transaction"
                   fontWeight="700"
                   truncation="constant"
-                  target="_self"
                 />
               </Address>
             </Flex>

ui/shared/address/AddressLink.tsx

@@ -17,7 +17,7 @@ interface Props {
   target?: HTMLAttributeAnchorTarget;
 }
 
-const AddressLink = ({ alias, type, className, truncation = 'dynamic', hash, id, fontWeight, target }: Props) => {
+const AddressLink = ({ alias, type, className, truncation = 'dynamic', hash, id, fontWeight, target = '_self' }: Props) => {
   let url;
   if (type === 'transaction') {
     url = link('tx', { id: id || hash });
@@ -53,7 +53,7 @@ const AddressLink = ({ alias, type, className, truncation = 'dynamic', hash, id,
     <Link
       className={ className }
       href={ url }
-      target={ target || '_blank' }
+      target={ target }
       overflow="hidden"
       whiteSpace="nowrap"
     >

ui/snippets/navigation/NavFooter.tsx

@@ -51,7 +51,7 @@ const NavFooter = ({ isCollapsed, hasAccount }: Props) => {
         <Stack direction={{ base: 'row', lg: isExpanded ? 'row' : 'column', xl: isCollapsed ? 'column' : 'row' }}>
           { SOCIAL_LINKS.map(sl => {
             return (
-              <Link href={ sl.link } key={ sl.link } variant="secondary" w={ 5 } h={ 5 } aria-label={ sl.label }>
+              <Link href={ sl.link } key={ sl.link } variant="secondary" w={ 5 } h={ 5 } aria-label={ sl.label } target="_blank">
                 <Icon as={ sl.icon } boxSize={ 5 }/>
               </Link>
             );

ui/txs/TxsListItem.tsx

@@ -59,7 +59,6 @@ const TxsListItem = ({ tx, showBlockInfo }: {tx: Transaction; showBlockInfo: boo
                 type="transaction"
                 fontWeight="700"
                 truncation="constant"
-                target="_self"
               />
             </Address>
           </Flex>

ui/txs/TxsTableItem.tsx

@@ -87,7 +87,6 @@ const TxsTableItem = ({ tx, showBlockInfo }: {tx: Transaction; showBlockInfo: bo
               hash={ tx.hash }
               type="transaction"
               fontWeight="700"
-              target="_self"
             />
           </Address>
           <Text color="gray.500" fontWeight="400">{ dayjs(tx.timestamp).fromNow() }</Text>