Export ExternalLink namespace

1 files changed, 7 insertions, 1 deletions

diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/ExternalLink.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/ExternalLink.tsx
index d17d5cd796..2600fc13b5 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/ExternalLink.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/ExternalLink.tsx
@@ -8,7 +8,7 @@ export type ExternalLinkProps = Omit<LinkProps<'a'>, 'href' | 'as'> & {
   to: Url;
 };
 
-export function ExternalLink({ to, onClick, ...props }: ExternalLinkProps) {
+function ExternalLink({ to, onClick, ...props }: ExternalLinkProps) {
   const { openUrl } = useAppContext();
   const navigate = useCallback(
     (e: React.MouseEvent<HTMLAnchorElement>) => {
@@ -22,3 +22,9 @@ export function ExternalLink({ to, onClick, ...props }: ExternalLinkProps) {
   );
   return <Link href="" onClick={navigate} {...props} />;
 }
+
+const ExternalLinkNamespace = Object.assign(ExternalLink, {
+  Icon: Link.Icon,
+});
+
+export { ExternalLinkNamespace as ExternalLink };