Differential D9718 Diff 29036 web/cashtab/src/components/App.js

Changeset View

Standalone View

web/cashtab/src/components/App.js

Show All 9 Lines	import {
AppstoreAddOutlined,		AppstoreAddOutlined,
} from '@ant-design/icons';		} from '@ant-design/icons';
import Wallet from '@components/Wallet/Wallet';		import Wallet from '@components/Wallet/Wallet';
import Tokens from '@components/Tokens/Tokens';		import Tokens from '@components/Tokens/Tokens';
import Send from '@components/Send/Send';		import Send from '@components/Send/Send';
import SendToken from '@components/Send/SendToken';		import SendToken from '@components/Send/SendToken';
import Configure from '@components/Configure/Configure';		import Configure from '@components/Configure/Configure';
import NotFound from '@components/NotFound';		import NotFound from '@components/NotFound';
import CashTab from '@assets/cashtab.png';		import CashTab from '@assets/cashtab_xec.png';
import TabCash from '@assets/tabcash.png';		import TabCash from '@assets/tabcash.png';
import ABC from '@assets/bitcoinabclogo.png';		import ABC from '@assets/logo_topright.png';
import './App.css';		import './App.css';
import { WalletContext } from '@utils/context';		import { WalletContext } from '@utils/context';
import { checkForTokenById } from '@utils/tokenMethods.js';		import { checkForTokenById } from '@utils/tokenMethods.js';
import WalletLabel from '@components/Common/WalletLabel.js';		import WalletLabel from '@components/Common/WalletLabel.js';
import {		import {
Route,		Route,
Redirect,		Redirect,
Switch,		Switch,
Show All 24 Lines	const GlobalStyle = createGlobalStyle`
.cashLoadingIcon {		.cashLoadingIcon {
color: ${props => props.theme.primary} !important		color: ${props => props.theme.primary} !important
font-size: 48px !important;		font-size: 48px !important;
}		}
.selectedCurrencyOption:hover {		.selectedCurrencyOption:hover {
color: ${props => props.theme.contrast} !important;		color: ${props => props.theme.contrast} !important;
background-color: ${props => props.theme.primary} !important;		background-color: ${props => props.theme.primary} !important;
}		}
		#addrSwitch {
		.ant-switch-checked {
		background-color: white !important;
		}
		}
		#addrSwitch.ant-switch-checked {
		background-image: ${props =>
		props.theme.buttons.primary.backgroundImage} !important;
		}
`;		`;

const CustomApp = styled.div`		const CustomApp = styled.div`
text-align: center;		text-align: center;
font-family: 'Gilroy', sans-serif;		font-family: 'Gilroy', sans-serif;
background-color: ${props => props.theme.app.background};		background-color: ${props => props.theme.app.background};
`;		`;
const Footer = styled.div`		const Footer = styled.div`
▲ Show 20 Lines • Show All 47 Lines • ▼ Show 20 Lines
`;		`;

export const WalletBody = styled.div`		export const WalletBody = styled.div`
display: flex;		display: flex;
align-items: center;		align-items: center;
justify-content: center;		justify-content: center;
width: 100%;		width: 100%;
min-height: 100vh;		min-height: 100vh;
background: ${props => props.theme.app.sidebars};		background-image: ${props => props.theme.app.sidebars};
		background-attachment: fixed;
`;		`;

export const WalletCtn = styled.div`		export const WalletCtn = styled.div`
position: relative;		position: relative;
width: 500px;		width: 500px;
background-color: ${props => props.theme.footerBackground};		background-color: ${props => props.theme.footerBackground};
min-height: 100vh;		min-height: 100vh;
padding: 10px 30px 120px 30px;		padding: 10px 30px 120px 30px;
▲ Show 20 Lines • Show All 78 Lines • ▼ Show 20 Lines	return (
<WalletBody>		<WalletBody>
<WalletCtn>		<WalletCtn>
<HeaderCtn>		<HeaderCtn>
<CashTabLogo src={CashTab} alt="cashtab" />		<CashTabLogo src={CashTab} alt="cashtab" />
{hasTab && (		{hasTab && (
<EasterEgg src={TabCash} alt="tabcash" />		<EasterEgg src={TabCash} alt="tabcash" />
)}		)}
<a		<a
href="https://www.bitcoinabc.org/"		href="https://e.cash/"
target="_blank"		target="_blank"
rel="noopener noreferrer"		rel="noopener noreferrer"
>		>
<AbcLogo src={ABC} alt="abc" />		<AbcLogo src={ABC} alt="abc" />
</a>		</a>
</HeaderCtn>		</HeaderCtn>
<WalletLabel name={wallet.name}></WalletLabel>		<WalletLabel name={wallet.name}></WalletLabel>
<Switch>		<Switch>
▲ Show 20 Lines • Show All 65 Lines • Show Last 20 Lines