diff options
author | Jacky Chan <jchan@uber.com> | 2017-08-30 18:10:47 +0800 |
---|---|---|
committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-10-21 12:51:37 +0800 |
commit | ad647050d6ada1ff03232002e7e825fb6f52fe78 (patch) | |
tree | 4c35bdffca379f1faa1f4256865c9810d3881e4b /mascara/src/app/first-time/buy-ether-screen.js | |
parent | a4ad88c331eb3e9f82cd54c1608e5e6bba201594 (diff) | |
download | tangerine-wallet-browser-ad647050d6ada1ff03232002e7e825fb6f52fe78.tar.gz tangerine-wallet-browser-ad647050d6ada1ff03232002e7e825fb6f52fe78.tar.zst tangerine-wallet-browser-ad647050d6ada1ff03232002e7e825fb6f52fe78.zip |
Move "Skip this step" to side panel
Diffstat (limited to 'mascara/src/app/first-time/buy-ether-screen.js')
-rw-r--r-- | mascara/src/app/first-time/buy-ether-screen.js | 19 |
1 files changed, 8 insertions, 11 deletions
diff --git a/mascara/src/app/first-time/buy-ether-screen.js b/mascara/src/app/first-time/buy-ether-screen.js index 36a18956a..8077b134c 100644 --- a/mascara/src/app/first-time/buy-ether-screen.js +++ b/mascara/src/app/first-time/buy-ether-screen.js @@ -47,16 +47,18 @@ class BuyEtherScreen extends Component { setTimeout(() => this.setState({ justCopied: false }), 1000) } - renderSkipStep() { + renderSkip() { const {showAccountDetail, address} = this.props return ( - <button - className="first-time-flow__button--tertiary" + <div + className="buy-ether__side-panel-exit" onClick={() => showAccountDetail(address)} > - Skip this step - </button> + <div className="buy-ether__side-panel-item-name"> + Do it later + </div> + </div> ) } @@ -100,8 +102,6 @@ class BuyEtherScreen extends Component { > Buy </button> - <div className="buy-ether__button-separator-text">or</div> - {this.renderSkipStep()} </div> </div> ) @@ -126,8 +126,6 @@ class BuyEtherScreen extends Component { > Buy </button> - <div className="buy-ether__button-separator-text">or</div> - {this.renderSkipStep()} </div> </div> ) @@ -148,8 +146,6 @@ class BuyEtherScreen extends Component { > { justCopied ? 'Copied' : 'Copy' } </button> - <div className="buy-ether__button-separator-text">or</div> - {this.renderSkipStep()} </div> </div> ) @@ -189,6 +185,7 @@ class BuyEtherScreen extends Component { )} </div> ))} + {this.renderSkip()} </div> <div className="buy-ether__action-content"> {this.renderContent()} |