* AddressMenu * use menu * refactor * draft * cleanup * Sidebar * Sidebar * improvements * redesign * bump * Small adjustments * Layout adjustments, useCallbacks (not perfect...) * Remove _setName with extra effect, re-add badges (edit missing) * Missing useCallback in Address * no withSidebar on AddressToggle * useAccountInfo CPU spikes (split effects, no useCallback deps) * Alway have underline (even on address) * secondary button color * Add name callback * Make identity appear with displayname * Adjust judgement button position * UI adjustments Co-authored-by: Jaco Greeff <jacogr@gmail.com>
50 lines
1.4 KiB
TypeScript
50 lines
1.4 KiB
TypeScript
// Copyright 2017-2020 @polkadot/apps authors & contributors
|
|
// This software may be modified and distributed under the terms
|
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
|
|
|
// setup these right at front
|
|
import './initSettings';
|
|
import 'semantic-ui-css/semantic.min.css';
|
|
import '@polkadot/react-components/i18n';
|
|
|
|
import React, { Suspense } from 'react';
|
|
import ReactDOM from 'react-dom';
|
|
import { HashRouter } from 'react-router-dom';
|
|
import { ThemeProvider } from 'styled-components';
|
|
import AccountSidebar from '@polkadot/app-accounts/Sidebar';
|
|
import { Api } from '@polkadot/react-api';
|
|
import Queue from '@polkadot/react-components/Status/Queue';
|
|
import { BlockAuthors, Events } from '@polkadot/react-query';
|
|
import settings from '@polkadot/ui-settings';
|
|
|
|
import Apps from './Apps';
|
|
|
|
const rootId = 'root';
|
|
const rootElement = document.getElementById(rootId);
|
|
const theme = { theme: settings.uiTheme };
|
|
|
|
if (!rootElement) {
|
|
throw new Error(`Unable to find element with id '${rootId}'`);
|
|
}
|
|
|
|
ReactDOM.render(
|
|
<Suspense fallback='...'>
|
|
<ThemeProvider theme={theme}>
|
|
<Queue>
|
|
<Api url={settings.apiUrl}>
|
|
<BlockAuthors>
|
|
<Events>
|
|
<AccountSidebar>
|
|
<HashRouter>
|
|
<Apps />
|
|
</HashRouter>
|
|
</AccountSidebar>
|
|
</Events>
|
|
</BlockAuthors>
|
|
</Api>
|
|
</Queue>
|
|
</ThemeProvider>
|
|
</Suspense>,
|
|
rootElement
|
|
);
|