fix: qr invalid code

TODO.md

@@ -0,0 +1,9 @@
+## Images Uploading
+
+- Look for onWindow drag detection
+
+* Check the overflow on post vote btn container
+* Lazy load the bounty form on create-story-page
+* Make the bg behind edit/preview translate
+
+* Fix the localStorage not clearing after saving draft

envs/client/.dev.server.env

@@ -1 +0,0 @@
-REACT_APP_API_END_POINT = http://localhost:8888/dev 

envs/client/.prod.mock-server.env

@@ -1,3 +0,0 @@
-
-REACT_APP_ENABLE_MOCKS= true
-STORYBOOK_ENABLE_MOCKS= true

package.json

@@ -90,10 +90,10 @@
     "yup": "^0.32.11"
   },
   "scripts": {
-    "client:prod-server": "env-cmd -f ./envs/client/.dev.prod-server.env react-scripts start",
+    "client:prod-server": "env-cmd -f ./envs/client/.prod-server.env react-scripts start",
-    "client:preview-server": "env-cmd -f ./envs/client/.dev.preview-server.env react-scripts start",
+    "client:preview-server": "env-cmd -f ./envs/client/preview-server.env react-scripts start",
-    "client:mocks": "env-cmd -f ./envs/client/.dev.mock-server.env react-scripts start",
+    "client:mocks": "env-cmd -f ./envs/client/.mock-server.env react-scripts start",
-    "client:dev-server": "env-cmd -f ./envs/client/.dev.server.env react-scripts start",
+    "client:dev-server": "env-cmd -f ./envs/client/local-server.env react-scripts start",
     "server:dev": "env-cmd -f ./envs/server/local.env  serverless offline",
     "server:preview": "env-cmd -f ./envs/server/preview.env  serverless offline",
     "server:prod": "env-cmd -f ./envs/server/prod.env  serverless offline",

src/features/Profiles/pages/EditProfilePage/AccountCard/LinkingAccountModal/LinkingAccountModal.tsx

@@ -86,17 +86,24 @@ export default function LinkingAccountModal({ onClose, direction, ...props }: Mo
             <p className="text-body3 font-bold">Fetching Lnurl-Auth...</p>
         </div>
 
-    else
+    else {
         content =
-            <>
+            <div className='flex flex-col gap-24 items-center mt-32 '>
-                <p className="text-body1 font-bolder text-center">
+                <a href={`lightning:${lnurl}`} >
-                    Link your account ⚡
+                    <QRCodeSVG
-                </p>
+                        width={280}
-                <QRCodeSVG
+                        height={280}
-                    width={160}
+                        level='H'
-                    height={160}
+                        value={`lightning:${lnurl}`}
-                    value={lnurl}
+                        bgColor='transparent'
-                />
+                        imageSettings={{
+                            src: '/assets/images/nut_3d.png',
+                            width: 28,
+                            height: 28,
+                            excavate: true
+                        }}
+                    />
+                </a>
                 <p className="text-gray-600 text-body4 text-center">
                     Scan this code or copy + paste it to your other lightning wallet to be able to login later with it to this account.
                     <br />
@@ -121,8 +128,8 @@ export default function LinkingAccountModal({ onClose, direction, ...props }: Mo
                         Done?
                     </Button>
                 </div>
-            </>
+            </div>
-
+    }
 
 
     return (
@@ -132,8 +139,10 @@ export default function LinkingAccountModal({ onClose, direction, ...props }: Mo
             initial='initial'
             animate="animate"
             exit='exit'
-            className="modal-card w-full max-w-[326px] bg-white border-2 border-gray-200 rounded-16 p-16 flex flex-col gap-16 items-center"
+            className="modal-card max-w-[442px] p-24 rounded-xl relative"
         >
+            <IoClose className='absolute text-body2 top-24 right-24 hover:cursor-pointer' onClick={onClose} />
+            <h2 className='text-h5 font-bold text-center'>Connect another ⚡️ wallet</h2>
             {content}
         </motion.div>
     )