Merge pull request #239 from brave/update-wallet-support-info

Updated End of Flow Message to Support Link
brave · May 14, 2021 · 1135a2e · 1135a2e
2 parents 2d0fcaa + 403f16a
commit 1135a2e
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 2 deletions.
diff --git a/app/_locales/en/messages.json b/app/_locales/en/messages.json
@@ -557,7 +557,7 @@
     "message": "If you need to back up your seed phrase again, you can find it in Settings -> Security."
   },
   "endOfFlowMessage7": {
-    "message": "If you ever have questions or see something fishy, email support@brave.com."
+    "message": "If you ever have questions or see something fishy, visit our wallet"
   },
   "endOfFlowMessage8": {
     "message": "Brave cannot recover your seedphrase."
@@ -568,6 +568,9 @@
   "endOfFlowMessage10": {
     "message": "All Done"
   },
+  "endOfFlowMessage11": {
+    "message": "support forum."
+  },
   "externalExtension": {
     "message": "External Extension"
   },

diff --git a/ui/app/pages/first-time-flow/end-of-flow/end-of-flow.component.js b/ui/app/pages/first-time-flow/end-of-flow/end-of-flow.component.js
@@ -68,7 +68,16 @@ export default class EndOfFlowScreen extends PureComponent {
           { '• ' + t('endOfFlowMessage6') }
         </div>
         <div className="end-of-flow__text-3">
-          { '• ' + t('endOfFlowMessage7') }
+          { '• ' + t('endOfFlowMessage7') }&nbsp;
+          <a
+            href="https://community.brave.com/c/support-and-troubleshooting/wallet/131"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            <span className="first-time-flow__link-text-underlined">
+              {t('endOfFlowMessage11')}
+            </span>
+          </a>
         </div>
         <div className="first-time-flow__text-block end-of-flow__text-4">
           { '*' + t('endOfFlowMessage8') }&nbsp;

diff --git a/ui/app/pages/first-time-flow/index.scss b/ui/app/pages/first-time-flow/index.scss
@@ -161,4 +161,9 @@
   &__link-text {
     color: $primary-blue;
   }
+
+  &__link-text-underlined {
+    color: $primary-blue;
+    text-decoration: underline;
+  }
 }