-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
46 lines (42 loc) · 1.26 KB
/
App.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
import { ThemeProvider, createTheme } from "@mui/material/styles";
import React, { Suspense } from "react";
import { Provider } from "react-redux";
import Inter from "./assets/font/Inter/Inter-Regular.ttf";
import MyRoute from "./components/custom/other/MyRoute";
import store from "./store/store";
import { ErrorBoundary } from "react-error-boundary";
import ErrorFallback from "./components/custom/other/ErrorFallback";
import { SnackbarContainer } from './context/SnackbakContext';
import CustomSnackBar from './components/custom/snackBar/CustomSnackbar';
import Spinner from './components/custom/Spinner/Spinner';
const theme = createTheme({
typography: {
fontFamily: "Inter, Arial",
},
components: {
MuiCssBaseline: {
styleOverrides: `
@font-face {
font-family: 'Inter';
url: ${Inter} }
`,
},
},
});
function App() {
return (
<Provider store={store}>
<SnackbarContainer>
<ErrorBoundary FallbackComponent={ErrorFallback}>
<ThemeProvider theme={theme}>
<Suspense fallback={<Spinner />}>
<CustomSnackBar />
<MyRoute></MyRoute>
</Suspense>
</ThemeProvider>
</ErrorBoundary>
</SnackbarContainer>
</Provider>
);
}
export default App;