diff --git a/src/js/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js b/src/js/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js index 27b71639..c532ebef 100644 --- a/src/js/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js +++ b/src/js/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js @@ -52,6 +52,8 @@ class CoinMenu extends Component { {coins.map(coin => ( diff --git a/src/js/views/Wallet/components/LeftNavigation/components/DeviceMenu/index.js b/src/js/views/Wallet/components/LeftNavigation/components/DeviceMenu/index.js index fb73650b..5c746d69 100644 --- a/src/js/views/Wallet/components/LeftNavigation/components/DeviceMenu/index.js +++ b/src/js/views/Wallet/components/LeftNavigation/components/DeviceMenu/index.js @@ -6,7 +6,7 @@ import type { TrezorDevice } from 'flowtype'; import type { Props } from '../common'; -import AsideDivider from '../Divider'; +import Divider from '../Divider'; export const DeviceSelect = (props: Props) => { const { devices } = props; @@ -214,7 +214,7 @@ export class DeviceDropdown extends Component { return ( {currentDeviceMenu} - {deviceList.length > 1 ? : null} + {deviceList.length > 1 ? : null} {deviceList} {webUsbButton} diff --git a/src/js/views/Wallet/components/LeftNavigation/components/Divider/index.js b/src/js/views/Wallet/components/LeftNavigation/components/Divider/index.js index c077fc49..99abce67 100644 --- a/src/js/views/Wallet/components/LeftNavigation/components/Divider/index.js +++ b/src/js/views/Wallet/components/LeftNavigation/components/Divider/index.js @@ -1,4 +1,4 @@ -import styled from 'styled-components'; +import styled, { css } from 'styled-components'; import React from 'react'; import PropTypes from 'prop-types'; @@ -12,12 +12,21 @@ const Wrapper = styled.div` 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}; + ${props => props.borderTop && css` + border-top: 1px solid ${colors.DIVIDER}; + `} + ${props => props.borderBottom && css` + border-bottom: 1px solid ${colors.DIVIDER}; + `} `; -const Divider = ({ textLeft, textRight }) => ( - +const Divider = ({ + textLeft, textRight, borderTop, borderBottom, +}) => ( +

{textLeft}

{textRight}

@@ -26,6 +35,8 @@ const Divider = ({ textLeft, textRight }) => ( Divider.propTypes = { textLeft: PropTypes.string, textRight: PropTypes.string, + borderTop: PropTypes.bool.isRequired, + borderBottom: PropTypes.bool.isRequired, }; export default Divider;