From 5fea5fac8cc945a0df3bfd3d4cb210d21cfd5175 Mon Sep 17 00:00:00 2001
From: VSaric <92527393+VSaric@users.noreply.github.com>
Date: Thu, 21 Oct 2021 10:50:17 +0200
Subject: [PATCH] Adding copy to SRP import screen to warn users  (#12400)

* Added copy to SRP import screen to warn users that there current wallet will be replaced

* Fixing test-lint error

* Remove padding and edit warning message
---
 app/_locales/en/messages.json       |  3 +++
 ui/pages/keychains/index.scss       | 10 +++++++++-
 ui/pages/keychains/restore-vault.js |  3 +++
 3 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/app/_locales/en/messages.json b/app/_locales/en/messages.json
index 4cdb5c47b..50c923b3f 100644
--- a/app/_locales/en/messages.json
+++ b/app/_locales/en/messages.json
@@ -1969,6 +1969,9 @@
   "secretPhrase": {
     "message": "Only the first account on this wallet will auto load. After completing this process, to add additional accounts, click the drop down menu, then select Create Account."
   },
+  "secretPhraseWarning": {
+    "message": "If you restore using another Secret Recovery Phrase, your current wallet, accounts and assets will be removed from this app permanently. This action cannot be undone."
+  },
   "secretRecoveryPhrase": {
     "message": "Secret Recovery Phrase"
   },
diff --git a/ui/pages/keychains/index.scss b/ui/pages/keychains/index.scss
index 2ad54763a..65a77007b 100644
--- a/ui/pages/keychains/index.scss
+++ b/ui/pages/keychains/index.scss
@@ -113,10 +113,18 @@
     color: #1b344d;
   }
 
+  &__selector-typography {
+    line-height: 22px;
+    display: flex;
+    align-items: center;
+    color: #000;
+    margin-top: 18px;
+  }
+
   &__input-wrapper {
     display: flex;
     flex-flow: column nowrap;
-    margin-top: 30px;
+    margin-top: 18px;
   }
 
   &__input {
diff --git a/ui/pages/keychains/restore-vault.js b/ui/pages/keychains/restore-vault.js
index 96d260911..72a7bd9a1 100644
--- a/ui/pages/keychains/restore-vault.js
+++ b/ui/pages/keychains/restore-vault.js
@@ -163,6 +163,9 @@ class RestoreVaultPage extends Component {
             <div className="import-account__selector-label">
               {this.context.t('secretPhrase')}
             </div>
+            <div className="import-account__selector-typography">
+              {this.context.t('secretPhraseWarning')}
+            </div>
             <div className="import-account__input-wrapper">
               <label className="import-account__input-label">
                 {this.context.t('walletSeedRestore')}