Differential D10758 Diff 32905 web/cashtab/extension/src/components/App.js

Changeset View

Standalone View

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

import React, { useState } from 'react';		import React, { useState } from 'react';
import 'antd/dist/antd.less';		import 'antd/dist/antd.less';
import { Spin } from 'antd';		import { Spin } from 'antd';
import {		import {
CashLoadingIcon,		CashLoadingIcon,
HomeIcon,		HomeIcon,
SendIcon,		SendIcon,
ReceiveIcon,		ReceiveIcon,
SettingsIcon,		SettingsIcon,
		AirdropIcon,
} from '@components/Common/CustomIcons';		} from '@components/Common/CustomIcons';
import '../index.css';		import '../index.css';
import styled, { ThemeProvider, createGlobalStyle } from 'styled-components';		import styled, { ThemeProvider, createGlobalStyle } from 'styled-components';
import { theme } from '@assets/styles/theme';		import { theme } from '@assets/styles/theme';
import Home from '@components/Home/Home';		import Home from '@components/Home/Home';
import Receive from '@components/Receive/Receive';		import Receive from '@components/Receive/Receive';
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 Airdrop from '@components/Airdrop/Airdrop';
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_xec.png';		import CashTab from '@assets/cashtab_xec.png';
import './App.css';		import './App.css';
import { WalletContext } from '@utils/context';		import { WalletContext } from '@utils/context';
import { isValidStoredWallet } from '@utils/cashMethods';		import { isValidStoredWallet } from '@utils/cashMethods';
import {		import {
Route,		Route,
▲ Show 20 Lines • Show All 261 Lines • ▼ Show 20 Lines	return (
<SendToken		<SendToken
tokenId={props.match.params.tokenId}		tokenId={props.match.params.tokenId}
passLoadingStatus={		passLoadingStatus={
setLoadingUtxosAfterSend		setLoadingUtxosAfterSend
}		}
/>		/>
)}		)}
/>		/>
		<Route path="/airdrop">
		<Airdrop
		passLoadingStatus={
		setLoadingUtxosAfterSend
		}
		/>
		</Route>
<Route path="/configure">		<Route path="/configure">
<Configure />		<Configure />
</Route>		</Route>
<Redirect exact from="/" to="/wallet" />		<Redirect exact from="/" to="/wallet" />
<Route component={NotFound} />		<Route component={NotFound} />
</Switch>		</Switch>
</WalletCtn>		</WalletCtn>
{wallet ? (		{wallet ? (
Show All 17 Lines	return (
</NavButton>		</NavButton>
<NavButton		<NavButton
active={selectedKey === 'receive'}		active={selectedKey === 'receive'}
onClick={() => history.push('receive')}		onClick={() => history.push('receive')}
>		>
<ReceiveIcon />		<ReceiveIcon />
</NavButton>		</NavButton>
<NavButton		<NavButton
		active={selectedKey === 'airdrop'}
		onClick={() => history.push('/airdrop')}
		>
		<AirdropIcon />
		</NavButton>
		<NavButton
active={selectedKey === 'configure'}		active={selectedKey === 'configure'}
onClick={() => history.push('/configure')}		onClick={() => history.push('/configure')}
>		>
<SettingsIcon />		<SettingsIcon />
</NavButton>		</NavButton>
</Footer>		</Footer>
) : null}		) : null}
</WalletBody>		</WalletBody>
</CustomApp>		</CustomApp>
</Spin>		</Spin>
</ThemeProvider>		</ThemeProvider>
);		);
};		};

export default App;		export default App;