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) setTimeout(() => this.setState({ justCopied: false }), 1000)
} }
renderSkipStep() { renderSkip() {
const {showAccountDetail, address} = this.props const {showAccountDetail, address} = this.props
return ( return (
<button <div
className="first-time-flow__button--tertiary" className="buy-ether__side-panel-exit"
onClick={() => showAccountDetail(address)} onClick={() => showAccountDetail(address)}
> >
Skip this step <div className="buy-ether__side-panel-item-name">
</button> Do it later
</div>
</div>
) )
} }
@ -100,8 +102,6 @@ class BuyEtherScreen extends Component {
> >
Buy Buy
</button> </button>
<div className="buy-ether__button-separator-text">or</div>
{this.renderSkipStep()}
</div> </div>
</div> </div>
) )
@ -126,8 +126,6 @@ class BuyEtherScreen extends Component {
> >
Buy Buy
</button> </button>
<div className="buy-ether__button-separator-text">or</div>
{this.renderSkipStep()}
</div> </div>
</div> </div>
) )
@ -148,8 +146,6 @@ class BuyEtherScreen extends Component {
> >
{ justCopied ? 'Copied' : 'Copy' } { justCopied ? 'Copied' : 'Copy' }
</button> </button>
<div className="buy-ether__button-separator-text">or</div>
{this.renderSkipStep()}
</div> </div>
</div> </div>
) )
@ -189,6 +185,7 @@ class BuyEtherScreen extends Component {
)} )}
</div> </div>
))} ))}
{this.renderSkip()}
</div> </div>
<div className="buy-ether__action-content"> <div className="buy-ether__action-content">
{this.renderContent()} {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; flex-flow: column nowrap;
} }
.buy-ether__side-panel-item { .buy-ether__side-panel-item,
.buy-ether__side-panel-exit {
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
align-items: center; align-items: center;
@ -372,6 +373,13 @@ button.backup-phrase__confirm-seed-option:hover {
line-height: 18px; line-height: 18px;
cursor: pointer; cursor: pointer;
min-width: 140px; min-width: 140px;
}
.buy-ether__side-panel-exit {
color: #FF001F;
}
.buy-ether__side-panel-item {
border-bottom: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD;
} }