separate external wallets

pull/513/head
Vladimir Volek 5 years ago
parent 9aa7e75f01
commit 8158158d14

@ -15,6 +15,7 @@ const Wrapper = styled.div`
const Label = styled.div`
display: flex;
padding: 10px 0;
color: ${colors.TEXT_SECONDARY};
align-items: center;
`;
@ -26,7 +27,7 @@ const Row = styled.div`
const Content = styled.div`
display: flex;
margin-top: 20px;
margin: 20px 0;
flex-direction: column;
`;
@ -41,6 +42,10 @@ const CoinRow = styled.div`
&:first-child {
border-top: 1px solid ${colors.DIVIDER};
}
&:last-child {
border-bottom: 0;
}
`;
const Left = styled.div`
@ -66,10 +71,10 @@ const LogoWrapper = styled.div`
const CoinsSettings = (props: Props) => (
<Wrapper>
<Row>
<Label>
<FormattedMessage {...l10nMessages.TR_VISIBLE_COINS} />
</Label>
<Content>
<Label>
<FormattedMessage {...l10nMessages.TR_VISIBLE_COINS} />
</Label>
{props.networks
.filter(network => !network.isHidden)
.map(network => (
@ -90,6 +95,11 @@ const CoinsSettings = (props: Props) => (
</Right>
</CoinRow>
))}
</Content>
<Content>
<Label>
<FormattedMessage {...l10nMessages.TR_VISIBLE_COINS_EXTERNAL} />
</Label>
{coins
.sort((a, b) => a.order - b.order)
.map(network => (

@ -20,6 +20,10 @@ const definedMessages: Messages = defineMessages({
id: 'TR_VISIBLE_COINS',
defaultMessage: 'Visible coins',
},
TR_VISIBLE_COINS_EXTERNAL: {
id: 'TR_VISIBLE_COINS',
defaultMessage: 'Visible external coins',
},
TR_VISIBLE_COINS_EXPLAINED: {
id: 'TR_VISIBLE_COINS_EXPLAINED',
defaultMessage: 'The changes are saved automatically as they are made',

Loading…
Cancel
Save