From 4f2688f35377ef2d3d688905d73301595fabe2de Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Wed, 17 Aug 2022 17:15:01 +0300
Subject: [PATCH] update: make lnurl QRs clickable

---
 src/features/Auth/pages/LoginPage/LoginPage.tsx      | 12 +++++++-----
 .../LinkingAccountModal/LinkingAccountModal.tsx      | 12 +++++++-----
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/features/Auth/pages/LoginPage/LoginPage.tsx b/src/features/Auth/pages/LoginPage/LoginPage.tsx
index f3b9ccb..012c9b6 100644
--- a/src/features/Auth/pages/LoginPage/LoginPage.tsx
+++ b/src/features/Auth/pages/LoginPage/LoginPage.tsx
@@ -157,11 +157,13 @@ export default function LoginPage() {
             <p className="text-body1 font-bolder text-center">
                 Login with lightning ⚡
             </p>
-            <QRCodeSVG
-                width={160}
-                height={160}
-                value={lnurl}
-            />
+            <a href={`lightning:${lnurl}`}>
+                <QRCodeSVG
+                    width={160}
+                    height={160}
+                    value={lnurl}
+                />
+            </a>
             <p className="text-gray-600 text-body4 text-center">
                 Scan this code or copy + paste it to your lightning wallet. Or click to login with your browser's wallet.
             </p>
diff --git a/src/features/Profiles/pages/EditProfilePage/PreferencesTab/LinkingAccountModal/LinkingAccountModal.tsx b/src/features/Profiles/pages/EditProfilePage/PreferencesTab/LinkingAccountModal/LinkingAccountModal.tsx
index db40eba..019679d 100644
--- a/src/features/Profiles/pages/EditProfilePage/PreferencesTab/LinkingAccountModal/LinkingAccountModal.tsx
+++ b/src/features/Profiles/pages/EditProfilePage/PreferencesTab/LinkingAccountModal/LinkingAccountModal.tsx
@@ -99,11 +99,13 @@ export default function LinkingAccountModal({ onClose, direction, ...props }: Mo
     else
         content =
             <div className='flex flex-col gap-24 items-center mt-32'>
-                <QRCodeSVG
-                    width={160}
-                    height={160}
-                    value={lnurl}
-                />
+                <a href={`lightning:${lnurl}`}>
+                    <QRCodeSVG
+                        width={160}
+                        height={160}
+                        value={lnurl}
+                    />
+                </a>
                 <p className="text-gray-600 text-body4 text-center">
                     Scan this QR code with your other lightning wallet & you will be able to use it to login to this account.
                     <br />