From ff7cdc021aeedfea44d903cc856694d3a60b4e5e Mon Sep 17 00:00:00 2001
From: enesozturk <enesozturk.d@gmail.com>
Date: Mon, 15 Jan 2024 14:55:57 +0300
Subject: [PATCH 1/2] feat: add web3inbox site redirection to login and pwa
 modal

---
 src/components/utils/PwaModal/PwaModal.scss | 19 ++++++++++++++++++-
 src/components/utils/PwaModal/index.tsx     | 16 +++++++++++++++-
 src/pages/Login/Login.scss                  | 17 +++++++++++++++++
 src/pages/Login/index.tsx                   | 16 +++++++++++++++-
 4 files changed, 65 insertions(+), 3 deletions(-)

diff --git a/src/components/utils/PwaModal/PwaModal.scss b/src/components/utils/PwaModal/PwaModal.scss
index 8fb3f572..95dc4c3f 100644
--- a/src/components/utils/PwaModal/PwaModal.scss
+++ b/src/components/utils/PwaModal/PwaModal.scss
@@ -1,5 +1,6 @@
 .PwaModal {
-  padding: 3em;
+  padding: 3rem;
+  padding-bottom: 2rem;
   display: flex;
   flex-direction: column;
   text-align: center;
@@ -47,4 +48,20 @@
       display: inline-block;
     }
   }
+
+  &__footer {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    margin-top: 0.5rem;
+
+    &__title {
+      color: var(--fg-color-2);
+    }
+
+    &__link {
+      color: var(--accent-color-1);
+      text-decoration: none;
+    }
+  }
 }
diff --git a/src/components/utils/PwaModal/index.tsx b/src/components/utils/PwaModal/index.tsx
index 228fa721..0a5b88ca 100644
--- a/src/components/utils/PwaModal/index.tsx
+++ b/src/components/utils/PwaModal/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react'
 
 import { detect } from 'detect-browser'
+import { Link } from 'react-router-dom'
 
 import BackgroundImage from '@/assets/IntroBackground.png'
 import AndroidShareIcon from '@/components/general/Icon/AndroidShare'
@@ -40,7 +41,7 @@ export const getPlatformInstallText = () => {
       return 'Install App'
     case 'safari':
     case 'ios':
-      return 'Add to homescreen'
+      return 'Add to Home Screen'
     default:
       return 'Install'
   }
@@ -70,6 +71,19 @@ export const PwaModal: React.FC = () => {
           <span className="PwaModal__share-icon">{getMobilePlatformIcon()}</span>
           <Text variant="small-500"> and “{getPlatformInstallText()}”</Text>
         </div>
+        <div className="PwaModal__footer">
+          <Text className="PwaModal__footer__title" variant="small-400">
+            Learn more at&nbsp;
+          </Text>
+          <Link
+            className="PwaModal__footer__link"
+            to="https://web3inbox.com"
+            target="_blank"
+            rel="noreferrer noopener"
+          >
+            <Text variant="small-400">web3inbox.com</Text>
+          </Link>
+        </div>
       </div>
     </Modal>
   )
diff --git a/src/pages/Login/Login.scss b/src/pages/Login/Login.scss
index 5da556f3..2f164579 100644
--- a/src/pages/Login/Login.scss
+++ b/src/pages/Login/Login.scss
@@ -28,8 +28,10 @@
     overflow-x: hidden;
     padding: 1rem 0.085em;
     display: flex;
+    flex-direction: column;
     justify-content: center;
     align-items: center;
+    gap: 4rem;
 
     @supports (height: 100dvh) {
       height: 100dvh;
@@ -38,6 +40,21 @@
     &__connect-button {
       min-width: fit-content;
     }
+
+    &__footer {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+
+      &__title {
+        color: var(--fg-color-2);
+      }
+
+      &__link {
+        color: var(--accent-color-1);
+        text-decoration: none;
+      }
+    }
   }
 }
 
diff --git a/src/pages/Login/index.tsx b/src/pages/Login/index.tsx
index cc116359..06dde72c 100644
--- a/src/pages/Login/index.tsx
+++ b/src/pages/Login/index.tsx
@@ -1,11 +1,12 @@
 import React, { useContext, useEffect } from 'react'
 
 import { useWeb3Modal } from '@web3modal/wagmi/react'
-import { useLocation, useNavigate } from 'react-router-dom'
+import { Link, useLocation, useNavigate } from 'react-router-dom'
 
 import Button from '@/components/general/Button'
 import IntroWallet from '@/components/general/Icon/IntroWallet'
 import IntroContent from '@/components/general/IntroContent'
+import Text from '@/components/general/Text'
 import TransitionDiv from '@/components/general/TransitionDiv'
 import Sidebar from '@/components/layout/Sidebar'
 import W3iContext from '@/contexts/W3iContext/context'
@@ -55,6 +56,19 @@ const Login: React.FC = () => {
           }
           icon={<IntroWallet />}
         />
+        <div className="Main__footer">
+          <Text className="Main__footer__title" variant="small-400">
+            Learn more at
+          </Text>
+          <Link
+            className="Main__footer__link"
+            to="https://web3inbox.com"
+            target="_blank"
+            rel="noreferrer noopener"
+          >
+            <Text variant="small-400">web3inbox.com</Text>
+          </Link>
+        </div>
       </main>
     </TransitionDiv>
   )

From 27a0ba0b3d2b58de6293fa9bf4152fd9ffee5094 Mon Sep 17 00:00:00 2001
From: enesozturk <enesozturk.d@gmail.com>
Date: Mon, 15 Jan 2024 14:58:09 +0300
Subject: [PATCH 2/2] chore: update url calls

---
 src/components/utils/PwaModal/index.tsx | 4 ++--
 src/pages/Login/index.tsx               | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/utils/PwaModal/index.tsx b/src/components/utils/PwaModal/index.tsx
index 0a5b88ca..7c7b02b6 100644
--- a/src/components/utils/PwaModal/index.tsx
+++ b/src/components/utils/PwaModal/index.tsx
@@ -6,9 +6,9 @@ import { Link } from 'react-router-dom'
 import BackgroundImage from '@/assets/IntroBackground.png'
 import AndroidShareIcon from '@/components/general/Icon/AndroidShare'
 import IShareIcon from '@/components/general/Icon/IShare'
-import WalletConnectIcon from '@/components/general/Icon/WalletConnectIcon'
 import { Modal } from '@/components/general/Modal/Modal'
 import Text from '@/components/general/Text'
+import { web3InboxURLs } from '@/constants/navigation'
 import { pwaModalService } from '@/utils/store'
 
 import './PwaModal.scss'
@@ -77,7 +77,7 @@ export const PwaModal: React.FC = () => {
           </Text>
           <Link
             className="PwaModal__footer__link"
-            to="https://web3inbox.com"
+            to={web3InboxURLs.website}
             target="_blank"
             rel="noreferrer noopener"
           >
diff --git a/src/pages/Login/index.tsx b/src/pages/Login/index.tsx
index 06dde72c..ff35f411 100644
--- a/src/pages/Login/index.tsx
+++ b/src/pages/Login/index.tsx
@@ -9,6 +9,7 @@ import IntroContent from '@/components/general/IntroContent'
 import Text from '@/components/general/Text'
 import TransitionDiv from '@/components/general/TransitionDiv'
 import Sidebar from '@/components/layout/Sidebar'
+import { web3InboxURLs } from '@/constants/navigation'
 import W3iContext from '@/contexts/W3iContext/context'
 
 import './Login.scss'
@@ -62,7 +63,7 @@ const Login: React.FC = () => {
           </Text>
           <Link
             className="Main__footer__link"
-            to="https://web3inbox.com"
+            to={web3InboxURLs.website}
             target="_blank"
             rel="noreferrer noopener"
           >