Changeset View
Changeset View
Standalone View
Standalone View
web/cashtab/extension/src/components/App.js
| Show All 26 Lines | import { | ||||
| Redirect, | Redirect, | ||||
| Switch, | Switch, | ||||
| useLocation, | useLocation, | ||||
| useHistory, | useHistory, | ||||
| } from 'react-router-dom'; | } from 'react-router-dom'; | ||||
| // Extension-only import used for open in new tab link | // Extension-only import used for open in new tab link | ||||
| import PopOut from '@assets/popout.svg'; | import PopOut from '@assets/popout.svg'; | ||||
| const GlobalStyle = createGlobalStyle` | const GlobalStyle = createGlobalStyle` | ||||
| .ant-modal-wrap > div > div.ant-modal-content > div > div > div.ant-modal-confirm-btns > button, .ant-modal > button, .ant-modal-confirm-btns > button, .ant-modal-footer > button { | .ant-modal-wrap > div > div.ant-modal-content > div > div > div.ant-modal-confirm-btns > button, .ant-modal > button, .ant-modal-confirm-btns > button, .ant-modal-footer > button { | ||||
| border-radius: 8px; | border-radius: 8px; | ||||
| background-color: ${props => props.theme.modals.buttons.background}; | background-color: ${props => props.theme.modals.buttons.background}; | ||||
| color: ${props => props.theme.wallet.text.secondary}; | color: ${props => props.theme.wallet.text.secondary}; | ||||
| font-weight: bold; | font-weight: bold; | ||||
| } | } | ||||
| .ant-modal-wrap > div > div.ant-modal-content > div > div > div.ant-modal-confirm-btns > button:hover,.ant-modal-confirm-btns > button:hover, .ant-modal-footer > button:hover { | .ant-modal-wrap > div > div.ant-modal-content > div > div > div.ant-modal-confirm-btns > button:hover,.ant-modal-confirm-btns > button:hover, .ant-modal-footer > button:hover { | ||||
| color: ${props => props.theme.primary}; | color: ${props => props.theme.primary}; | ||||
| transition: color 0.3s; | transition: color 0.3s; | ||||
| background-color: ${props => props.theme.modals.buttons.background}; | background-color: ${props => props.theme.modals.buttons.background}; | ||||
| } | } | ||||
| .selectedCurrencyOption { | .selectedCurrencyOption { | ||||
| text-align: left; | text-align: left; | ||||
| color: ${props => props.theme.wallet.text.secondary} !important; | color: ${props => props.theme.wallet.text.secondary} !important; | ||||
| background-color: ${props => props.theme.contrast} !important; | background-color: ${props => props.theme.contrast} !important; | ||||
| } | } | ||||
| .cashLoadingIcon { | .cashLoadingIcon { | ||||
| color: ${props => props.theme.primary} !important | color: ${props => props.theme.primary} !important | ||||
| font-size: 48px !important; | font-size: 48px !important; | ||||
| ▲ Show 20 Lines • Show All 56 Lines • ▼ Show 20 Lines | export const NavButton = styled.button` | ||||
| .anticon { | .anticon { | ||||
| display: block; | display: block; | ||||
| color: ${props => props.theme.footer.navIconInactive}; | color: ${props => props.theme.footer.navIconInactive}; | ||||
| font-size: 24px; | font-size: 24px; | ||||
| margin-bottom: 6px; | margin-bottom: 6px; | ||||
| } | } | ||||
| ${({ active, ...props }) => | ${({ active, ...props }) => | ||||
| active && | active && | ||||
| ` | ` | ||||
| color: ${props.theme.primary}; | color: ${props.theme.primary}; | ||||
| .anticon { | .anticon { | ||||
| color: ${props.theme.primary}; | color: ${props.theme.primary}; | ||||
| } | } | ||||
| `} | `} | ||||
| `; | `; | ||||
| export const WalletBody = styled.div` | export const WalletBody = styled.div` | ||||
| ▲ Show 20 Lines • Show All 153 Lines • ▼ Show 20 Lines | return ( | ||||
| Wallet | Wallet | ||||
| </NavButton> | </NavButton> | ||||
| <NavButton | <NavButton | ||||
| active={selectedKey === 'tokens'} | active={selectedKey === 'tokens'} | ||||
| onClick={() => history.push('/tokens')} | onClick={() => history.push('/tokens')} | ||||
| > | > | ||||
| <AppstoreAddOutlined /> | <AppstoreAddOutlined /> | ||||
| Tokens | eTokens | ||||
| </NavButton> | </NavButton> | ||||
| <NavButton | <NavButton | ||||
| active={selectedKey === 'send'} | active={selectedKey === 'send'} | ||||
| onClick={() => history.push('/send')} | onClick={() => history.push('/send')} | ||||
| > | > | ||||
| <CaretRightOutlined /> | <CaretRightOutlined /> | ||||
| Send | Send | ||||
| Show All 18 Lines | |||||