diff --git a/src/js/components/wallet/aside/AsideDivider.js b/src/js/components/wallet/aside/AsideDivider.js new file mode 100644 index 00000000..f9600078 --- /dev/null +++ b/src/js/components/wallet/aside/AsideDivider.js @@ -0,0 +1,35 @@ +import styled from 'styled-components'; +import React from 'react'; +import PropTypes from 'prop-types'; + +import colors from 'config/colors'; +import { FONT_SIZE } from 'config/variables'; + +const Wrapper = styled.div` + display: flex; + justify-content: space-between; + + padding: 8px 28px 8px 24px; + + font-size: ${FONT_SIZE.SMALLER}; + color: ${colors.TEXT_SECONDARY}; + + background: ${colors.GRAY_LIGHT}; + + border-top: 1px solid ${colors.DIVIDER}; + border-bottom: 1px solid ${colors.DIVIDER}; +`; + +const AsideDivider = ({ textLeft, textRight }) => ( + +

{textLeft}

+

{textRight}

+
+); + +AsideDivider.propTypes = { + textLeft: PropTypes.string.isRequired, + textRight: PropTypes.string.isRequired, +}; + +export default AsideDivider; diff --git a/src/js/components/wallet/aside/CoinSelection.js b/src/js/components/wallet/aside/CoinSelection.js index 659ffcdb..c3b46702 100644 --- a/src/js/components/wallet/aside/CoinSelection.js +++ b/src/js/components/wallet/aside/CoinSelection.js @@ -55,8 +55,10 @@ const CoinSelection = (props: Props): React$Element => { return (
{ walletCoins } -
- Other coins (You will be redirected) + { return (
{ currentDeviceMenu } - { deviceList.length > 1 ?
Other devices
: null } + { deviceList.length > 1 ? : null } { deviceList } { webUsbButton }