b9f9f15d77
* feat: builds color palette for light and dark mode, removes all conflicting rgba sass * chore: replaces colors with css vars * chore: adapts blur-bg to be more performant and stable * chore: getting ready for dark mode * chore: removes unused file * chore: reverts input bg * chore: reverses selection in dark mode * feat: builds theme toggler * feat: adds auto mode for theme * feat: establishes light / dark css pattern, updates account and list * chore: migrates more views to gutter component * chore: adapts global, adjusts popups * chore: finishes retrofitting views * feat: moves to medium instead of semi-bold for headlines * feat: introduces new font for rte * feat: updates rich text styles * feat: styles react select in dark mode * chore: styles datepicker, misc refinements * chore: updates style of UploadCard * chore: fixes code styles * chore: styles PerPage * chore: improves styling of column / where selector * feat: improves field errors in dark mode * chore: styles built-in rich text elements * chore: improves styling of rte elements * chore: tweaks
76 lines
2.7 KiB
TypeScript
76 lines
2.7 KiB
TypeScript
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
// @ts-ignore - need to do this because this file doesn't actually exist
|
|
import config from 'payload-config';
|
|
import React from 'react';
|
|
import { createRoot } from 'react-dom/client';
|
|
import { BrowserRouter as Router } from 'react-router-dom';
|
|
import { ScrollInfoProvider } from '@faceless-ui/scroll-info';
|
|
import { WindowInfoProvider } from '@faceless-ui/window-info';
|
|
import { ModalProvider, ModalContainer } from '@faceless-ui/modal';
|
|
import { ToastContainer, Slide } from 'react-toastify';
|
|
import { AuthProvider } from './components/utilities/Auth';
|
|
import { ConfigProvider } from './components/utilities/Config';
|
|
import { PreferencesProvider } from './components/utilities/Preferences';
|
|
import { CustomProvider } from './components/utilities/CustomProvider';
|
|
import { SearchParamsProvider } from './components/utilities/SearchParams';
|
|
import { LocaleProvider } from './components/utilities/Locale';
|
|
import Routes from './components/Routes';
|
|
import { StepNavProvider } from './components/elements/StepNav';
|
|
import { ThemeProvider } from './components/utilities/Theme';
|
|
|
|
import './scss/app.scss';
|
|
|
|
const Index = () => (
|
|
<React.Fragment>
|
|
<ConfigProvider config={config}>
|
|
<WindowInfoProvider breakpoints={{
|
|
xs: '(max-width: 400px)',
|
|
s: '(max-width: 768px)',
|
|
m: '(max-width: 1024px)',
|
|
l: '(max-width: 1440px)',
|
|
}}
|
|
>
|
|
<ScrollInfoProvider>
|
|
<Router>
|
|
<ModalProvider
|
|
classPrefix="payload"
|
|
zIndex={50}
|
|
>
|
|
<AuthProvider>
|
|
<PreferencesProvider>
|
|
<ThemeProvider>
|
|
<SearchParamsProvider>
|
|
<LocaleProvider>
|
|
<StepNavProvider>
|
|
<CustomProvider>
|
|
<Routes />
|
|
</CustomProvider>
|
|
</StepNavProvider>
|
|
</LocaleProvider>
|
|
</SearchParamsProvider>
|
|
</ThemeProvider>
|
|
<ModalContainer />
|
|
</PreferencesProvider>
|
|
</AuthProvider>
|
|
</ModalProvider>
|
|
</Router>
|
|
</ScrollInfoProvider>
|
|
</WindowInfoProvider>
|
|
</ConfigProvider>
|
|
<ToastContainer
|
|
position="bottom-center"
|
|
transition={Slide}
|
|
icon={false}
|
|
/>
|
|
</React.Fragment>
|
|
);
|
|
|
|
const container = document.getElementById('app');
|
|
const root = createRoot(container); // createRoot(container!) if you use TypeScript
|
|
root.render(<Index />);
|
|
|
|
// Needed for Hot Module Replacement
|
|
if (typeof (module.hot) !== 'undefined') {
|
|
module.hot.accept();
|
|
}
|