aboutsummaryrefslogtreecommitdiffstats
path: root/mascara
diff options
context:
space:
mode:
authorWhymarrh Whitby <whymarrh.whitby@gmail.com>2018-08-07 12:57:53 +0800
committerWhymarrh Whitby <whymarrh.whitby@gmail.com>2018-08-14 05:25:04 +0800
commit4dadeb9a314dc9f61c00e5695ea608aa58f150b7 (patch)
tree3856be05a2bbb572044c92cf7cbc781f7bcd197b /mascara
parentb83a746e4fce9c57c81128cfe35b28e9386a557f (diff)
downloadtangerine-wallet-browser-4dadeb9a314dc9f61c00e5695ea608aa58f150b7.tar.gz
tangerine-wallet-browser-4dadeb9a314dc9f61c00e5695ea608aa58f150b7.tar.zst
tangerine-wallet-browser-4dadeb9a314dc9f61c00e5695ea608aa58f150b7.zip
Add link to download seed words in new UI
Diffstat (limited to 'mascara')
-rw-r--r--mascara/src/app/first-time/index.css13
-rw-r--r--mascara/src/app/first-time/seed-screen.js14
2 files changed, 27 insertions, 0 deletions
diff --git a/mascara/src/app/first-time/index.css b/mascara/src/app/first-time/index.css
index 09e7d378d..2d05a48b8 100644
--- a/mascara/src/app/first-time/index.css
+++ b/mascara/src/app/first-time/index.css
@@ -340,6 +340,19 @@
min-width: 0;
}
+.backup-phrase__tips-text--link {
+ color: #2f9ae0;
+ cursor: pointer;
+}
+
+.backup-phrase__tips-text--link:hover {
+ color: #2f9ae0;
+}
+
+.backup-phrase__tips-text--strong {
+ font-weight: bold;
+}
+
@media only screen and (max-width: 768px) {
.backup-phrase__content-wrapper {
flex-direction: column;
diff --git a/mascara/src/app/first-time/seed-screen.js b/mascara/src/app/first-time/seed-screen.js
index 81a9a7d19..97d5d7930 100644
--- a/mascara/src/app/first-time/seed-screen.js
+++ b/mascara/src/app/first-time/seed-screen.js
@@ -5,6 +5,7 @@ import classnames from 'classnames'
import { withRouter } from 'react-router-dom'
import { compose } from 'recompose'
import Identicon from '../../../../ui/app/components/identicon'
+import {exportAsFile} from '../../../../ui/app/util'
import Breadcrumbs from './breadcrumbs'
import LoadingScreen from './loading-screen'
import { DEFAULT_ROUTE, INITIALIZE_CONFIRM_SEED_ROUTE } from '../../../../ui/app/routes'
@@ -65,6 +66,12 @@ class BackupPhraseScreen extends Component {
}
}
+ exportSeedWords = () => {
+ const { seedWords } = this.props
+
+ exportAsFile('MetaMask Secret Backup Phrase', seedWords, 'text/plain')
+ }
+
renderSecretWordsContainer () {
const { isShowingSecret } = this.state
@@ -119,6 +126,13 @@ class BackupPhraseScreen extends Component {
<div className="backup-phrase__tips-text">
Memorize this phrase.
</div>
+ <div className="backup-phrase__tips-text">
+ <strong>
+ <a className="backup-phrase__tips-text--link backup-phrase__tips-text--strong" onClick={this.exportSeedWords}>
+ Download this Secret Backup Phrase
+ </a>
+ </strong> and keep it stored safely on an external encrypted hard drive or storage medium.
+ </div>
</div>
<div className="backup-phrase__next-button">
<button