From 6f3f7f6e06c6d60202d1c8aeaeefc1aae4ce7de9 Mon Sep 17 00:00:00 2001
From: Peiman <peymannaderi3@yahoo.com>
Date: Sat, 11 Nov 2023 20:35:33 +0330
Subject: [PATCH 1/2] feat: Mark Trezor as discontinued

---
 .../HardwareWalletSelector/index.module.css   | 27 ++++++++++++++++
 .../HardwareWalletSelector/index.tsx          | 31 +++++++++++++------
 .../src/locales/en/translation.json           | 10 +++---
 3 files changed, 55 insertions(+), 13 deletions(-)
 create mode 100644 packages/react-wallet/src/components/WalletConnectionSteps/HardwareWalletSelector/index.module.css

diff --git a/packages/react-wallet/src/components/WalletConnectionSteps/HardwareWalletSelector/index.module.css b/packages/react-wallet/src/components/WalletConnectionSteps/HardwareWalletSelector/index.module.css
new file mode 100644
index 0000000..9adda4a
--- /dev/null
+++ b/packages/react-wallet/src/components/WalletConnectionSteps/HardwareWalletSelector/index.module.css
@@ -0,0 +1,27 @@
+.item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.title {
+  color: #ff0000;
+  font-weight: bold;
+  margin-bottom: 3px;
+}
+.subtitle {
+  color: #ff0000;
+  margin-bottom: 3px;
+  font-size: 14px;
+}
+.link {
+  color: #ff0000 !important;
+  text-decoraton: underline;
+}
+
+@media (min-width: 768px) {
+  .title {
+    margin-top: -15px;
+  }
+}
diff --git a/packages/react-wallet/src/components/WalletConnectionSteps/HardwareWalletSelector/index.tsx b/packages/react-wallet/src/components/WalletConnectionSteps/HardwareWalletSelector/index.tsx
index 2c92739..45c4d59 100644
--- a/packages/react-wallet/src/components/WalletConnectionSteps/HardwareWalletSelector/index.tsx
+++ b/packages/react-wallet/src/components/WalletConnectionSteps/HardwareWalletSelector/index.tsx
@@ -8,6 +8,8 @@ import { translations } from '../../../locales/i18n';
 import { useTranslation } from 'react-i18next';
 import { WalletContext } from '../../..';
 import { isWalletVisibleForSignTyped } from '../../../helpers';
+import style from './index.module.css';
+
 interface Props {
   onWalletSelected: (value: ProviderType) => void;
   hideInstructionLink?: boolean;
@@ -38,15 +40,26 @@ export function HardwareWalletSelector(props: Props) {
           ProviderType.TREZOR,
           signTypedRequired,
         ) && (
-          <Item
-            options={options}
-            image={images.trezorWallet}
-            title='Trezor'
-            onClick={() => props.onWalletSelected(ProviderType.TREZOR)}
-            linkHref='https://trezor.io/?offer_id=12&aff_id=7144&source=sovryn'
-            linkTitle='Buy Now'
-            dataAttribute='hardwareWallet-trezor'
-          />
+          <div className={style.item}>
+            <Item
+              options={options}
+              image={images.trezorWallet}
+              title='Trezor'
+              disabled
+              onClick={() => props.onWalletSelected(ProviderType.TREZOR)}
+              dataAttribute='hardwareWallet-trezor'
+            />
+            <p className={style.title}>{t(translations.discontinued)}</p>
+            <p className={style.subtitle}>{t(translations.trezorDescription)}</p>
+            <a
+              className={style.link}
+              href='https://wiki.sovryn.com/en/getting-started/trezor-deprecation'
+              target='_blank'
+              rel='noreferrer nofollow'
+            >
+              {t(translations.dialogs.walletConnect.learn)}
+            </a>
+          </div>
         )}
       </ItemList>
       {!props.hideInstructionLink && (
diff --git a/packages/react-wallet/src/locales/en/translation.json b/packages/react-wallet/src/locales/en/translation.json
index de0a7c9..06fe98f 100644
--- a/packages/react-wallet/src/locales/en/translation.json
+++ b/packages/react-wallet/src/locales/en/translation.json
@@ -16,7 +16,7 @@
       },
       "instructions": "For instructions on how to connect to SOVRYN visit our Wiki",
       "ledgerInstructions": "Don't understand Derivation Paths? Read our wiki",
-      "instructionsMobile":"For instructions on how to connect mobile wallets to SOVRYN visit our Wiki",
+      "instructionsMobile": "For instructions on how to connect mobile wallets to SOVRYN visit our Wiki",
       "ledgerAppInstruction": "Make sure you have {{app}} app opened in your Ledger Device."
     },
     "browserSelector": {
@@ -36,14 +36,14 @@
       "learn": "Learn more"
     },
     "walletConnect": {
-      "title":"Scan QR code to connect wallet using WalletConnect",
+      "title": "Scan QR code to connect wallet using WalletConnect",
       "wallet": "Compatible mobile wallets",
       "deprecated": "DEPRECATED",
       "learn": "Learn more"
     },
     "hardwareWallet": {
-      "title":"Select hardware wallet",
-      "success":"Copied Successfully"
+      "title": "Select hardware wallet",
+      "success": "Copied Successfully"
     },
     "hardwarePath": {
       "title": "Connect {{name}}",
@@ -51,5 +51,7 @@
     }
   },
   "deprecated": "DEPRECATED",
+  "discontinued": "DISCONTINUED",
+  "trezorDescription": "Still need to connect with Trezor?",
   "learn": "Learn more"
 }

From 52aa2e74258a9b10c1f428e4d90ac394ab1f6518 Mon Sep 17 00:00:00 2001
From: soulBit <its.soulBit@gmail.com>
Date: Mon, 20 Nov 2023 11:16:29 +0000
Subject: [PATCH 2/2] feat: align deprecation notice titles for Trezor wallet

---
 .../WalletConnectionSteps/HardwareWalletSelector/index.tsx      | 2 +-
 packages/react-wallet/src/locales/en/translation.json           | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/react-wallet/src/components/WalletConnectionSteps/HardwareWalletSelector/index.tsx b/packages/react-wallet/src/components/WalletConnectionSteps/HardwareWalletSelector/index.tsx
index 45c4d59..7173901 100644
--- a/packages/react-wallet/src/components/WalletConnectionSteps/HardwareWalletSelector/index.tsx
+++ b/packages/react-wallet/src/components/WalletConnectionSteps/HardwareWalletSelector/index.tsx
@@ -49,7 +49,7 @@ export function HardwareWalletSelector(props: Props) {
               onClick={() => props.onWalletSelected(ProviderType.TREZOR)}
               dataAttribute='hardwareWallet-trezor'
             />
-            <p className={style.title}>{t(translations.discontinued)}</p>
+            <p className={style.title}>{t(translations.deprecated)}</p>
             <p className={style.subtitle}>{t(translations.trezorDescription)}</p>
             <a
               className={style.link}
diff --git a/packages/react-wallet/src/locales/en/translation.json b/packages/react-wallet/src/locales/en/translation.json
index 06fe98f..831034b 100644
--- a/packages/react-wallet/src/locales/en/translation.json
+++ b/packages/react-wallet/src/locales/en/translation.json
@@ -51,7 +51,6 @@
     }
   },
   "deprecated": "DEPRECATED",
-  "discontinued": "DISCONTINUED",
   "trezorDescription": "Still need to connect with Trezor?",
   "learn": "Learn more"
 }