address-link

ui/shared/AddressLinkWithTooltip.tsx

 import { HStack, Link } from '@chakra-ui/react';
 import React from 'react';
 
+import useBasePath from 'lib/hooks/useBasePath';
+
 import AddressWithDots from './AddressWithDots';
 import CopyToClipboard from './CopyToClipboard';
 
 const FONT_WEIGHT = '600';
 
 const AddressLinkWithTooltip = ({ address }: {address: string}) => {
+  const basePath = useBasePath();
+  const url = basePath + '/address/' + address + '/tokens#address-tabs';
   return (
     <HStack spacing={ 2 } alignContent="center" overflow="hidden">
       <Link
-        href="#"
+        href={ url }
+        target="_blank"
         overflow="hidden"
         fontWeight={ FONT_WEIGHT }
         lineHeight="24px"