Changeset View
Changeset View
Standalone 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, | ||||
} 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 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, | ||||
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` | ||||
*::placeholder { | *::placeholder { | ||||
color: ${props => props.theme.forms.placeholder} !important; | color: ${props => props.theme.forms.placeholder} !important; | ||||
} | } | ||||
*::selection { | *::selection { | ||||
background: ${props => props.theme.eCashBlue} !important; | background: ${props => props.theme.eCashBlue} !important; | ||||
} | } | ||||
▲ Show 20 Lines • Show All 302 Lines • Show Last 20 Lines |