style(wallet): Updated wallet view - my wallet to the top

This commit is contained in:
Daniel Gonzalez
2020-07-12 01:27:48 -04:00
parent 63e4db1826
commit a69dd8a458
2 changed files with 22 additions and 29 deletions
+19 -19
View File
@@ -24,51 +24,51 @@ class ImportWallet extends React.Component {
render () {
return (
<Row className="">
<Row className=''>
<Col sm={2} />
<Col sm={8}>
<Box
className="hover-shadow border-none mt-2"
className='hover-shadow border-none mt-2'
loaded={!_this.state.inFetch}
>
<Row>
<Col sm={12} className="text-center">
<Col sm={12} className='text-center'>
<h1>
<FontAwesomeIcon
className="title-icon"
size="xs"
icon="file-import"
className='title-icon'
size='xs'
icon='file-import'
/>
<span>Import Wallet</span>
</h1>
</Col>
<Col sm={12} className="text-center mt-2 mb-2">
<Row className="flex justify-content-center">
<Col sm={12} className='text-center mt-2 mb-2'>
<Row className='flex justify-content-center'>
<Col sm={8}>
<div>
<Text
id="import-mnemonic"
name="mnemonic"
placeholder="12 word mnemonic"
label="12 word mnemonic"
labelPosition="above"
id='import-mnemonic'
name='mnemonic'
placeholder='12 word mnemonic'
label='12 word mnemonic'
labelPosition='above'
onChange={_this.handleUpdate}
/>
</div>
</Col>
</Row>
</Col>
<Col sm={12} className="text-center">
<Col sm={12} className='text-center'>
{_this.state.errMsg && (
<p className="error-color">{_this.state.errMsg}</p>
<p className='error-color'>{_this.state.errMsg}</p>
)}
</Col>
<Col sm={12} className="text-center mt-2 mb-2">
<Col sm={12} className='text-center mt-2 mb-2'>
<Button
text="Import"
type="primary"
className="btn-lg"
text='Import'
type='primary'
className='btn-lg'
onClick={_this.handleImportWallet}
/>
</Col>
+3 -10
View File
@@ -20,6 +20,9 @@ class Wallet extends React.Component {
return (
<>
<Content>
{_this.props.walletInfo.mnemonic &&(
<WalletInfo walletInfo={_this.props.walletInfo} />
)}
<NewWallet
updateBalance={_this.props.updateBalance}
setWalletInfo={_this.props.setWalletInfo}
@@ -27,11 +30,6 @@ class Wallet extends React.Component {
walletInfo={_this.props.walletInfo}
/>
{_this.props.walletInfo.mnemonic &&
_this.props.walletInfo.from === 'created' && (
<WalletInfo walletInfo={_this.props.walletInfo} />
)}
<ImportWallet
updateBalance={_this.props.updateBalance}
setWalletInfo={_this.props.setWalletInfo}
@@ -39,11 +37,6 @@ class Wallet extends React.Component {
walletInfo={_this.props.walletInfo}
/>
{_this.props.walletInfo.mnemonic &&
_this.props.walletInfo.from === 'imported' && (
<WalletInfo walletInfo={_this.props.walletInfo} />
)}
<InfoWallets />
</Content>
</>