From b36592acae690fffe7fd918fd11d4db6d15185a1 Mon Sep 17 00:00:00 2001
From: ryanml <rlanese@asu.edu>
Date: Fri, 13 Dec 2019 14:47:30 -0700
Subject: [PATCH] Pointing to Brave support articles

---
 brave/gulpfile.js/brave-replace-paths.js      |  6 +++
 .../confirm-remove-account.component.js       | 37 +++++++++++++++++++
 .../connect-hardware/connect-screen.js        | 15 ++++++++
 3 files changed, 58 insertions(+)
 create mode 100644 brave/ui/app/components/app/modals/confirm-remove-account/confirm-remove-account.component.js

diff --git a/brave/gulpfile.js/brave-replace-paths.js b/brave/gulpfile.js/brave-replace-paths.js
index d9e258378a..e8f7430e20 100644
--- a/brave/gulpfile.js/brave-replace-paths.js
+++ b/brave/gulpfile.js/brave-replace-paths.js
@@ -202,6 +202,12 @@ const createBraveReplacePathsTask = () => {
           `'${bravePrefix}app/scripts/controllers/threebox'`
         )
       )
+      .pipe(
+        replace(
+          /'(.*)\/confirm-remove-account\.component'/gm,
+          `'${bravePrefix}ui/app/components/app/modals/confirm-remove-account/confirm-remove-account.component'`
+        )
+      )
       .pipe(gulp.dest(file => file.base))
   })
 }
diff --git a/brave/ui/app/components/app/modals/confirm-remove-account/confirm-remove-account.component.js b/brave/ui/app/components/app/modals/confirm-remove-account/confirm-remove-account.component.js
new file mode 100644
index 0000000000..28973f8b21
--- /dev/null
+++ b/brave/ui/app/components/app/modals/confirm-remove-account/confirm-remove-account.component.js
@@ -0,0 +1,37 @@
+import React from 'react'
+import Modal from '../../../../../../../ui/app/components/app/modal'
+import ConfirmRemoveAccount from '../../../../../../../ui/app/components/app/modals/confirm-remove-account/confirm-remove-account.component'
+
+module.exports = class BraveConfirmRemoveAccount extends ConfirmRemoveAccount {
+
+  render () {
+    const { t } = this.context
+
+    return (
+      <Modal
+        headerText={`${t('removeAccount')}?`}
+        onClose={this.handleCancel}
+        onSubmit={this.handleRemove}
+        onCancel={this.handleCancel}
+        submitText={t('remove')}
+        cancelText={t('nevermind')}
+        submitType="secondary"
+      >
+        <div>
+          { this.renderSelectedAccount() }
+          <div className="confirm-remove-account__description">
+            { t('removeAccountDescription') }
+            <a
+              className="confirm-remove-account__link"
+              rel="noopener noreferrer"
+              target="_blank"
+              href="https://support.brave.com/hc/en-us/articles/360035488071-How-do-I-manage-my-Crypto-Wallets-"
+            >
+              { t('learnMore') }
+            </a>
+          </div>
+        </div>
+      </Modal>
+    )
+  }
+}
diff --git a/brave/ui/app/pages/create-account/connect-hardware/connect-screen.js b/brave/ui/app/pages/create-account/connect-hardware/connect-screen.js
index 8a30ba6026..8715c47b16 100644
--- a/brave/ui/app/pages/create-account/connect-hardware/connect-screen.js
+++ b/brave/ui/app/pages/create-account/connect-hardware/connect-screen.js
@@ -20,4 +20,19 @@ module.exports = class BraveConnectScreen extends ConnectScreen {
       />
     )
   }
+
+  renderFooter () {
+    return (
+      <div className="hw-connect__footer">
+        <h3 className="hw-connect__footer__title">{this.context.t('readyToConnect')}</h3>
+        {this.renderButtons()}
+        <p className="hw-connect__footer__msg">
+          {this.context.t('havingTroubleConnecting')}
+          <a className="hw-connect__footer__link" href="https://support.brave.com/hc/en-us/articles/360034535452-How-can-I-add-my-other-Crypto-Wallets-to-Brave-" target="_blank" rel="noopener noreferrer">
+            {this.context.t('getHelp')}
+          </a>
+        </p>
+      </div>
+    )
+  }
 }