arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-30 20:28:09 +00:00
Code Issues Releases Wiki Activity

Add wrappers

Browse Source
This commit is contained in:
Vasek Mlejnsky 2018-08-17 13:02:13 +02:00
parent a2c0c92446
commit 5eebb76e27
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/js/views/Wallet/components/LeftNavigation/components/AccountMenu/index.js
View File

@ -19,6 +19,8 @@ import Row from '../Row';
import RowCoin from '../RowCoin'; import RowCoin from '../RowCoin';
const Wrapper = style.div``;
const Text = styled.span` const Text = styled.span`
font-size: ${FONT_SIZE.SMALLER}; font-size: ${FONT_SIZE.SMALLER};
color: ${colors.TEXT_SECONDARY}; color: ${colors.TEXT_SECONDARY};
@ -210,13 +212,13 @@ const AccountMenu = (props: Props): ?React$Element<string> => {
} }
return ( return (
<React.Fragment> <Wrapper>
{backButton} {backButton}
<div> <div>
{selectedAccounts} {selectedAccounts}
</div> </div>
{discoveryStatus} {discoveryStatus}
</React.Fragment> </Wrapper>
); );
}; };

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

@ -1,13 +1,15 @@
/* @flow */ /* @flow */
import React, { Component } from 'react'; import React, { Component } from 'react';
import TrezorConnect from 'trezor-connect'; import TrezorConnect from 'trezor-connect';
import styled from 'styled-components';
import type { TrezorDevice } from 'flowtype'; import type { TrezorDevice } from 'flowtype';
import type { Props } from '../common'; import type { Props } from '../common';
import Divider from '../Divider'; import Divider from '../Divider';
const Wrapper = styled.div``;
export const DeviceSelect = (props: Props) => { export const DeviceSelect = (props: Props) => {
const { devices } = props; const { devices } = props;
const { transport } = props.connect; const { transport } = props.connect;
@ -212,12 +214,12 @@ export class DeviceDropdown extends Component<Props> {
return ( return (
<React.Fragment> <Wrapper>
{currentDeviceMenu} {currentDeviceMenu}
{deviceList.length > 1 ? <Divider textLeft="Other devices" borderBottom /> : null} {deviceList.length > 1 ? <Divider textLeft="Other devices" borderBottom /> : null}
{deviceList} {deviceList}
{webUsbButton} {webUsbButton}
</React.Fragment> </Wrapper>
); );
} }
} }