feat: typeing AppIntlProvider

This commit is contained in:
Ahmed Bouhuolia
2024-10-13 16:51:04 +02:00
parent 68a0db91ee
commit e873198238
3 changed files with 66 additions and 43 deletions

View File

@@ -1,5 +1,4 @@
// @ts-nocheck
import { defaultTheme, ThemeProvider } from '@xstyled/emotion';
import { lazy, Suspense } from 'react';
import { Router, Switch, Route } from 'react-router';
import { createBrowserHistory } from 'history';
@@ -37,12 +36,6 @@ const PaymentPortalPage = lazy(
() => import('@/containers/PaymentPortal/PaymentPortalPage'),
);
const theme = {
...defaultTheme,
bpPrefix: 'bp4',
}
/**
* App inner.
*/
@@ -50,38 +43,33 @@ function AppInsider({ history }) {
return (
<div className="App">
<DashboardThemeProvider>
<ThemeProvider theme={theme}>
<Suspense fallback={'Loading...'}>
<Router history={history}>
<Switch>
<Route
path={'/one_click_demo'}
children={<OneClickDemoPage />}
/>
<Route path={'/auth/register/verify'}>
<EnsureAuthenticated>
<EnsureUserEmailNotVerified>
<RegisterVerify />
</EnsureUserEmailNotVerified>
</EnsureAuthenticated>
</Route>
<Suspense fallback={'Loading...'}>
<Router history={history}>
<Switch>
<Route path={'/one_click_demo'} children={<OneClickDemoPage />} />
<Route path={'/auth/register/verify'}>
<EnsureAuthenticated>
<EnsureUserEmailNotVerified>
<RegisterVerify />
</EnsureUserEmailNotVerified>
</EnsureAuthenticated>
</Route>
<Route
path={'/auth/email_confirmation'}
children={<EmailConfirmation />}
/>
<Route path={'/auth'} children={<AuthenticationPage />} />
<Route
path={'/payment/:linkId'}
children={<PaymentPortalPage />}
/>
<Route path={'/'} children={<DashboardPrivatePages />} />
</Switch>
</Router>
</Suspense>
<Route
path={'/auth/email_confirmation'}
children={<EmailConfirmation />}
/>
<Route path={'/auth'} children={<AuthenticationPage />} />
<Route
path={'/payment/:linkId'}
children={<PaymentPortalPage />}
/>
<Route path={'/'} children={<DashboardPrivatePages />} />
</Switch>
</Router>
</Suspense>
<GlobalErrors />
</ThemeProvider>
<GlobalErrors />
</DashboardThemeProvider>
</div>
);