c259622848
* feat: create new buttons * feat: update anchor and button link styles * feat: add icon support * feat: fix full width with icon * feat: convert invalid button props to use new props * feat: tidy up explorer * feat: more tidy up for token and trading * feat: move styles to css file using @apply * chore: remove css with @apply as its not working in apps * fix: deposit form button * feat: use default tailwind config, start on forms * feat: fixup trade grid styles * feat: form styles * feat: styles for order book and tables * feat: make key management use dropdown * feat: update various components * feat: tidy up wallet section * feat: token tidy up * feat: token governance styles * Feat/927: Dialog styling * feat: token styles * feat: add font familys * feat: change token borders to be softer * feat: console-lite changes to support new theme * Feat/927: Centered key-value-table.tsx spacing * Feat/927: Tweak to Explorer site border colours to be inline with trading * Feat/927: Tweak to Explorer header * Feat/927: Theme switcher icon colours * Feat/927: Fix for Explorer block data styling * feat: fix tests, add status footer and change logos * feat: render both theme icons to avoid hydration error * chore: run migrations for project * fix: tailwindconfig build to work with new next version * feat: use document page for next as per documentation * chore: update build targets to use development mode when serving * fix: console-lite default text colors * chore: fix tooltip text break, change submit button * feat: adjust console-lite styles to work with tabs * feat: add bespoke dialog for console-lite market-selector * Feat/927: Theme switcher now has prop for fixed bg colour * Feat/927: Font size and border radius tweak for toggles * Feat/927: Cleaned up trade-grid.tsx spacing * feat: responsive styles for market header and nav * feat: update designs for market popover * fix: nav active state * chore: allow classname to be passed to button * Feat/927: Fix Token width on desktop (was overflowing) * Feat/927: Fix token header h1 from wrapping * Feat/927: Tweak for claim-flow.tsx * fix: connect button test * Feat/927: Proposals list styling polish * Feat/927: key-value-table.tsx spacing tweak * feat: add copy button to kp dropdown * Feat/927: Removing old theme params and uses * Feat/927: Removing old theme params and uses, documenting the now used otb sizes * feat: use key val table in asset dialog * feat: align tooltip styles * fix: orderbook grid alignment * chore: linting * fix: dialog sizing in medium mode, node switcher styles * chore: remove unused color classes * feat: update radio and checkbox designs * feat: updates to storybook * feat: update design system stories * chore: stories update * chore: rename resize panels and tidy * feat: fix checkbox tick * fix: add poyfills for jest in trading test setup * chore: fix checkbox tests * chore: fix tests * chore: fix tests again * chore: revert token wallet name test * fix: tooltip tests on console-lite * fix: wallet dropdown test Co-authored-by: sam-keen <samuel.kleinmann@gmail.com>
88 lines
3.3 KiB
TypeScript
88 lines
3.3 KiB
TypeScript
import './i18n';
|
|
|
|
import React, { useMemo } from 'react';
|
|
import { BrowserRouter as Router } from 'react-router-dom';
|
|
import { AppLoader } from './app-loader';
|
|
import { NetworkInfo } from '@vegaprotocol/network-info';
|
|
import { BalanceManager } from './components/balance-manager';
|
|
import { EthWallet } from './components/eth-wallet';
|
|
import { TemplateSidebar } from './components/page-templates/template-sidebar';
|
|
import { TransactionModal } from './components/transactions-modal';
|
|
import { VegaWallet } from './components/vega-wallet';
|
|
import { Web3Connector } from './components/web3-connector';
|
|
import { AppStateProvider } from './contexts/app-state/app-state-provider';
|
|
import { ContractsProvider } from './contexts/contracts/contracts-provider';
|
|
import { AppRouter } from './routes';
|
|
import { Web3Provider } from '@vegaprotocol/web3';
|
|
import { VegaWalletDialogs } from './components/vega-wallet-dialogs';
|
|
import { VegaWalletProvider } from '@vegaprotocol/wallet';
|
|
import { AsyncRenderer } from '@vegaprotocol/ui-toolkit';
|
|
import { useEthereumConfig } from '@vegaprotocol/web3';
|
|
import {
|
|
useEnvironment,
|
|
EnvironmentProvider,
|
|
NetworkLoader,
|
|
} from '@vegaprotocol/environment';
|
|
import { createClient } from './lib/apollo-client';
|
|
import { createConnectors } from './lib/web3-connectors';
|
|
|
|
const AppContainer = () => {
|
|
const sideBar = React.useMemo(() => [<EthWallet />, <VegaWallet />], []);
|
|
const { config, loading, error } = useEthereumConfig();
|
|
const { ETHEREUM_PROVIDER_URL } = useEnvironment();
|
|
const Connectors = useMemo(() => {
|
|
if (config?.chain_id) {
|
|
return createConnectors(ETHEREUM_PROVIDER_URL, Number(config.chain_id));
|
|
}
|
|
return undefined;
|
|
}, [config?.chain_id, ETHEREUM_PROVIDER_URL]);
|
|
return (
|
|
<Router>
|
|
<AppStateProvider>
|
|
<div className="grid min-h-full text-white">
|
|
<AsyncRenderer loading={loading} data={config} error={error}>
|
|
{Connectors && (
|
|
<Web3Provider connectors={Connectors}>
|
|
<Web3Connector>
|
|
<VegaWalletProvider>
|
|
<ContractsProvider>
|
|
<AppLoader>
|
|
<BalanceManager>
|
|
<>
|
|
<div className="app w-full max-w-[1300px] mx-auto grid grid-rows-[1fr_min-content] min-h-full border-neutral-700 lg:border-l lg:border-r lg:text-body-large">
|
|
<TemplateSidebar sidebar={sideBar}>
|
|
<AppRouter />
|
|
</TemplateSidebar>
|
|
<footer className="p-4 border-t border-neutral-700">
|
|
<NetworkInfo />
|
|
</footer>
|
|
</div>
|
|
<VegaWalletDialogs />
|
|
<TransactionModal />
|
|
</>
|
|
</BalanceManager>
|
|
</AppLoader>
|
|
</ContractsProvider>
|
|
</VegaWalletProvider>
|
|
</Web3Connector>
|
|
</Web3Provider>
|
|
)}
|
|
</AsyncRenderer>
|
|
</div>
|
|
</AppStateProvider>
|
|
</Router>
|
|
);
|
|
};
|
|
|
|
function App() {
|
|
return (
|
|
<EnvironmentProvider>
|
|
<NetworkLoader createClient={createClient}>
|
|
<AppContainer />
|
|
</NetworkLoader>
|
|
</EnvironmentProvider>
|
|
);
|
|
}
|
|
|
|
export default App;
|