From a94bd8a621cdc6edbc9a00e25a1ead2f6b1c3e71 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9=20Aaron?= <rene@twentyuno.net>
Date: Tue, 11 Jun 2024 23:22:33 +0200
Subject: [PATCH] fix: external links on wallet page

---
 frontend/src/screens/wallet/index.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/screens/wallet/index.tsx b/frontend/src/screens/wallet/index.tsx
index 5feabf70..ab50448e 100644
--- a/frontend/src/screens/wallet/index.tsx
+++ b/frontend/src/screens/wallet/index.tsx
@@ -1,8 +1,8 @@
-import { ExternalLink } from "lucide-react";
-import { Link } from "react-router-dom";
+import { ExternalLinkIcon } from "lucide-react";
 import AlbyHead from "src/assets/images/alby-head.svg";
 import AppHeader from "src/components/AppHeader";
 import BreezRedeem from "src/components/BreezRedeem";
+import ExternalLink from "src/components/ExternalLink";
 import Loading from "src/components/Loading";
 import { Button } from "src/components/ui/button";
 import {
@@ -63,13 +63,13 @@ function Wallet() {
             <CardContent className="text-right">
               <Button variant="outline">
                 Open Alby Web
-                <ExternalLink className="w-4 h-4 ml-2" />
+                <ExternalLinkIcon className="w-4 h-4 ml-2" />
               </Button>
             </CardContent>
           </Card>
         </ExternalLink>
         {!extensionInstalled && (
-          <Link to={`https://www.getalby.com`} target="_blank">
+          <ExternalLink to="https://www.getalby.com">
             <Card>
               <CardHeader>
                 <div className="flex flex-row items-center">
@@ -93,11 +93,11 @@ function Wallet() {
               <CardContent className="text-right">
                 <Button variant="outline">
                   Install Alby Extension
-                  <ExternalLink className="w-4 h-4 ml-2" />
+                  <ExternalLinkIcon className="w-4 h-4 ml-2" />
                 </Button>
               </CardContent>
             </Card>
-          </Link>
+          </ExternalLink>
         )}
       </div>