diff options
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()} |