Differential D9760 Diff 29230 web/cashtab/extension/src/components/App.js

Changeset View

Standalone View

web/cashtab/extension/src/components/App.js

Show All 22 Lines
import {		import {
Route,		Route,
Redirect,		Redirect,
Switch,		Switch,
useLocation,		useLocation,
useHistory,		useHistory,
} from 'react-router-dom';		} from 'react-router-dom';

import fbt from 'fbt';		import { FormattedMessage } from 'react-intl';

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;
}		}
▲ Show 20 Lines • Show All 209 Lines • ▼ Show 20 Lines	return (
</WalletCtn>		</WalletCtn>
{wallet ? (		{wallet ? (
<Footer>		<Footer>
<NavButton		<NavButton
active={selectedKey === 'wallet'}		active={selectedKey === 'wallet'}
onClick={() => history.push('/wallet')}		onClick={() => history.push('/wallet')}
>		>
<FolderOpenFilled />		<FolderOpenFilled />
<fbt desc="Wallet menu button">Wallet</fbt>		<FormattedMessage
		defaultMessage="Wallet"
		description="Wallet menu button"
		/>
</NavButton>		</NavButton>

<NavButton		<NavButton
active={selectedKey === 'tokens'}		active={selectedKey === 'tokens'}
onClick={() => history.push('/tokens')}		onClick={() => history.push('/tokens')}
>		>
<AppstoreAddOutlined />		<AppstoreAddOutlined />
Tokens		Tokens
</NavButton>		</NavButton>

<NavButton		<NavButton
active={selectedKey === 'send'}		active={selectedKey === 'send'}
onClick={() => history.push('/send')}		onClick={() => history.push('/send')}
>		>
<CaretRightOutlined />		<CaretRightOutlined />
<fbt desc="Send menu button">Send</fbt>		<FormattedMessage
		defaultMessage="Send"
		description="Send menu button"
		/>
</NavButton>		</NavButton>
<NavButton		<NavButton
active={selectedKey === 'configure'}		active={selectedKey === 'configure'}
onClick={() => history.push('/configure')}		onClick={() => history.push('/configure')}
>		>
<SettingFilled />		<SettingFilled />
<fbt desc="Settings menu button">Settings</fbt>		<FormattedMessage
		defaultMessage="Settings"
		description="Settings menu button"
		/>
</NavButton>		</NavButton>
</Footer>		</Footer>
) : null}		) : null}
</WalletBody>		</WalletBody>
</CustomApp>		</CustomApp>
</ThemeProvider>		</ThemeProvider>
);		);
};		};

export default App;		export default App;