arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-22 05:51:18 +00:00
Code Issues Releases Wiki Activity

center devicemenu icons

Browse Source
This commit is contained in:
slowbackspace 2019-03-25 12:01:41 +01:00
parent ea4dba96ec
commit d7b8c5262b
1 changed files with 30 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/views/Wallet/components/LeftNavigation/components/DeviceMenu/components/MenuItems/index.js
View File

@ -36,10 +36,16 @@ const Divider = styled.div`
`; `;
const Label = styled.div` const Label = styled.div`
padding-left: 15px;
flex: 1; flex: 1;
`; `;
const IconWrapper = styled.div`
width: 14px;
display: flex;
justify-content: center;
margin-right: 20px;
`;
class MenuItems extends PureComponent { class MenuItems extends PureComponent {
showDeviceMenu() { showDeviceMenu() {
const { device } = this.props; const { device } = this.props;
@ -78,11 +84,13 @@ class MenuItems extends PureComponent {
</Item> */} </Item> */}
{this.showClone() && ( {this.showClone() && (
<Item onClick={() => this.props.duplicateDevice(device)}> <Item onClick={() => this.props.duplicateDevice(device)}>
<Icon <IconWrapper>
icon={icons.WALLET_STANDARD} <Icon
size={14} icon={icons.WALLET_STANDARD}
color={colors.TEXT_SECONDARY} size={14}
/> color={colors.TEXT_SECONDARY}
/>
</IconWrapper>
<Label> <Label>
<FormattedMessage {...l10nMessages.TR_CHANGE_WALLET_TYPE} /> <FormattedMessage {...l10nMessages.TR_CHANGE_WALLET_TYPE} />
</Label> </Label>
@ -90,25 +98,31 @@ class MenuItems extends PureComponent {
)} )}
{!this.showRenewSession() && ( {!this.showRenewSession() && (
<Item onClick={() => this.props.acquireDevice()}> <Item onClick={() => this.props.acquireDevice()}>
<DeviceIcon <IconWrapper>
device={this.props.device} <DeviceIcon
size={14} device={this.props.device}
color={colors.TEXT_SECONDARY} size={14}
/> color={colors.TEXT_SECONDARY}
/>
</IconWrapper>
<Label> <Label>
<FormattedMessage {...l10nMessages.TR_RENEW_SESSION} /> <FormattedMessage {...l10nMessages.TR_RENEW_SESSION} />
</Label> </Label>
</Item> </Item>
)} )}
<Item onClick={() => this.props.forgetDevice(device)}> <Item onClick={() => this.props.forgetDevice(device)}>
<Icon icon={icons.EJECT} size={14} color={colors.TEXT_SECONDARY} /> <IconWrapper>
<Icon icon={icons.EJECT} size={14} color={colors.TEXT_SECONDARY} />
</IconWrapper>
<Label> <Label>
<FormattedMessage {...l10nCommonMessages.TR_FORGET_DEVICE} /> <FormattedMessage {...l10nCommonMessages.TR_FORGET_DEVICE} />
</Label> </Label>
</Item> </Item>
<Divider /> <Divider />
<Item> <Item>
<Icon icon={icons.EYE_CROSSED} size={14} color={colors.TEXT_SECONDARY} /> <IconWrapper>
<Icon icon={icons.EYE_CROSSED} size={14} color={colors.TEXT_SECONDARY} />
</IconWrapper>
<Label> <Label>
<FormattedMessage {...l10nCommonMessages.TR_HIDE_BALANCE} /> <FormattedMessage {...l10nCommonMessages.TR_HIDE_BALANCE} />
</Label> </Label>
@ -127,7 +141,9 @@ class MenuItems extends PureComponent {
<Divider /> <Divider />
<Link to={getPattern('wallet-settings')}> <Link to={getPattern('wallet-settings')}>
<Item> <Item>
<Icon icon={icons.COG} size={14} color={colors.TEXT_SECONDARY} /> <IconWrapper>
<Icon icon={icons.COG} size={14} color={colors.TEXT_SECONDARY} />
</IconWrapper>
<Label> <Label>
<FormattedMessage {...l10nCommonMessages.TR_APPLICATION_SETTINGS} /> <FormattedMessage {...l10nCommonMessages.TR_APPLICATION_SETTINGS} />
</Label> </Label>