fix: remove 3rd party notification from link to explorer, closes #937

app/components/home/balance-card.tsx

@@ -7,7 +7,7 @@ import { toHumanReadableStx } from '@utils/unit-convert';
 import { safeAwait } from '@utils/safe-await';
 import { delay } from '@utils/delay';
 
-import { ExternalLink } from '@components/external-link';
+import { InternalLink } from '@components/internal-link';
 import { makeExplorerAddressLink } from '@utils/external-links';
 import { isTestnet } from '@utils/network-utils';
 import { useBalance } from '@hooks/use-balance';
@@ -46,9 +46,9 @@ export const BalanceCard: FC<BalanceCardProps> = props => {
         </Text>
 
         {address !== null && (
-          <ExternalLink href={makeExplorerAddressLink(address)} textStyle="caption" ml="tight">
+          <InternalLink href={makeExplorerAddressLink(address)} textStyle="caption" ml="tight">
             View on Explorer
-          </ExternalLink>
+          </InternalLink>
         )}
       </Flex>
       <Title fontSize="40px" lineHeight="56px">

app/components/internal-link.tsx

@@ -0,0 +1,30 @@
+import React, { FC } from 'react';
+import { Box, Text, BoxProps, color } from '@stacks/ui';
+import { openExternalLink } from '@utils/external-links';
+
+interface InternalLinkProps extends BoxProps {
+  href: string;
+}
+
+export const InternalLink: FC<InternalLinkProps> = ({ href, children, ...props }) => {
+  const openUrl = () => openExternalLink(href);
+  return (
+    <Text
+      onClick={openUrl}
+      as="button"
+      type="button"
+      cursor="pointer"
+      display="block"
+      outline={0}
+      color={color('brand')}
+      _hover={{ textDecoration: 'underline' }}
+      _focus={{ textDecoration: 'underline' }}
+      {...props}
+    >
+      {children}
+      <Box display="inline-block" ml="extra-tight" mb="1px">
+        ↗
+      </Box>
+    </Text>
+  );
+};