Add support to external links to open with auth

1 files changed, 8 insertions, 3 deletions

diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/ExternalLink.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/ExternalLink.tsx
index 4f160ad64d..16238b7c3c 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/ExternalLink.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/ExternalLink.tsx
@@ -6,19 +6,24 @@ import { Link, LinkProps } from '../lib/components';
 
 export type ExternalLinkProps = Omit<LinkProps, 'href' | 'as'> & {
   to: Url;
+  withAuth?: boolean;
 };
 
-function ExternalLink({ to, onClick, ...props }: ExternalLinkProps) {
-  const { openUrl } = useAppContext();
+function ExternalLink({ to, onClick, withAuth, ...props }: ExternalLinkProps) {
+  const { openUrl, openUrlWithAuth } = useAppContext();
   const navigate = useCallback(
     (e: React.MouseEvent<HTMLAnchorElement>) => {
       e.preventDefault();
       if (onClick) {
         onClick(e);
       }
+
+      if (withAuth) {
+        return openUrlWithAuth(to);
+      }
       return openUrl(to);
     },
-    [onClick, openUrl, to],
+    [onClick, openUrl, openUrlWithAuth, to, withAuth],
   );
   return <Link href="" onClick={navigate} {...props} />;
 }