m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Move "Skip this step" to side panel

Browse Source
This commit is contained in:
Jacky Chan 2017-08-30 03:10:47 -07:00 committed by Chi Kei Chan
parent a4ad88c331
commit ad647050d6
2 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
mascara/src/app/first-time/buy-ether-screen.js
View File

@ -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()}

10
mascara/src/app/first-time/index.css
View File

@ -361,7 +361,8 @@ button.backup-phrase__confirm-seed-option:hover {
flex-flow: column nowrap;
}
.buy-ether__side-panel-item {
.buy-ether__side-panel-item,
.buy-ether__side-panel-exit {
display: flex;
flex-flow: row nowrap;
align-items: center;
@ -372,6 +373,13 @@ button.backup-phrase__confirm-seed-option:hover {
line-height: 18px;
cursor: pointer;
min-width: 140px;
}
.buy-ether__side-panel-exit {
color: #FF001F;
}
.buy-ether__side-panel-item {
border-bottom: 1px solid #CDCDCD;
}