60 lines
1.9 KiB
TypeScript
60 lines
1.9 KiB
TypeScript
import React from 'react';
|
|
import { Provider } from 'react-redux';
|
|
import { HashRouter, Route } from 'react-router-dom';
|
|
import { SnackbarProvider } from 'notistack';
|
|
import { MuiThemeProvider } from '@material-ui/core/styles';
|
|
import CssBaseline from '@material-ui/core/CssBaseline';
|
|
import { unstable_createMuiStrictModeTheme as createMuiTheme } from '@material-ui/core/styles';
|
|
import { store } from './store';
|
|
import WalletProvider from './components/common/WalletProvider';
|
|
import BootstrapProvider from './components/common/BootstrapProvider';
|
|
import { TokenRegistryProvider } from './utils/tokens';
|
|
import Layout from './components/common/Layout';
|
|
import MyNodePage from './pages/MyNode';
|
|
import LockupPage from './pages/Lockup';
|
|
import MultisigPage, { MultisigInstancePage } from './pages/Multisig';
|
|
|
|
function App() {
|
|
const theme = createMuiTheme({
|
|
palette: {
|
|
background: {
|
|
default: 'rgb(255,255,255)',
|
|
},
|
|
},
|
|
typography: {
|
|
fontFamily: ['Source Sans Pro', 'sans-serif'].join(','),
|
|
},
|
|
overrides: {},
|
|
});
|
|
return (
|
|
<Provider store={store}>
|
|
<MuiThemeProvider theme={theme}>
|
|
<CssBaseline />
|
|
<SnackbarProvider maxSnack={5} autoHideDuration={8000}>
|
|
<TokenRegistryProvider>
|
|
<WalletProvider>
|
|
<BootstrapProvider>
|
|
<HashRouter basename={'/'}>
|
|
<Layout>
|
|
<Route exact path="/" component={MyNodePage} />
|
|
<Route exact path="/stake" component={MyNodePage} />
|
|
<Route exact path="/lockup" component={LockupPage} />
|
|
<Route exact path="/multisig" component={MultisigPage} />
|
|
<Route
|
|
exact
|
|
path="/multisig/:address"
|
|
component={MultisigInstancePage}
|
|
/>
|
|
</Layout>
|
|
</HashRouter>
|
|
</BootstrapProvider>
|
|
</WalletProvider>
|
|
</TokenRegistryProvider>
|
|
</SnackbarProvider>
|
|
</MuiThemeProvider>
|
|
</Provider>
|
|
);
|
|
}
|
|
|
|
export default App;
|