mirror of
https://github.com/scottlamb/moonfire-nvr.git
synced 2025-03-26 23:40:57 -04:00
74b9f36a75
This requires a bunch of package name changes. See [https://mui.com/blog/material-ui-is-now-mui/] for their rationale. [https://mui.com/guides/migration-v4/] lists the changes: ``` @material-ui/core -> @mui/material @material-ui/system -> @mui/system @material-ui/unstyled -> @mui/core @material-ui/styles -> @mui/styles @material-ui/icons -> @mui/icons-material @material-ui/lab -> @mui/lab @material-ui/types -> @mui/types @material-ui/styled-engine -> @mui/styled-engine @material-ui/styled-engine-sc ->@mui/styled-engine-sc @material-ui/private-theming -> @mui/private-theming @material-ui/codemod -> @mui/codemod @material-ui/docs -> @mui/docs @material-ui/envinfo -> @mui/envinfo ``` We only use a few of these.
46 lines
1.4 KiB
TypeScript
46 lines
1.4 KiB
TypeScript
// This file is part of Moonfire NVR, a security camera network video recorder.
|
|
// Copyright (C) 2021 The Moonfire NVR Authors; see AUTHORS and LICENSE.txt.
|
|
// SPDX-License-Identifier: GPL-v3.0-or-later WITH GPL-3.0-linking-exception
|
|
|
|
import CssBaseline from "@mui/material/CssBaseline";
|
|
import { ThemeProvider, createTheme } from "@mui/material/styles";
|
|
import StyledEngineProvider from "@mui/material/StyledEngineProvider";
|
|
import LocalizationProvider from "@mui/lab/LocalizationProvider";
|
|
import "@fontsource/roboto";
|
|
import React from "react";
|
|
import ReactDOM from "react-dom";
|
|
import App from "./App";
|
|
import ErrorBoundary from "./ErrorBoundary";
|
|
import { SnackbarProvider } from "./snackbars";
|
|
import AdapterDateFns from "@mui/lab/AdapterDateFns";
|
|
import "./index.css";
|
|
|
|
const theme = createTheme({
|
|
palette: {
|
|
primary: {
|
|
main: "#000000",
|
|
},
|
|
secondary: {
|
|
main: "#e65100",
|
|
},
|
|
},
|
|
});
|
|
|
|
ReactDOM.render(
|
|
<React.StrictMode>
|
|
<StyledEngineProvider injectFirst>
|
|
<CssBaseline />
|
|
<ThemeProvider theme={theme}>
|
|
<ErrorBoundary>
|
|
<LocalizationProvider dateAdapter={AdapterDateFns}>
|
|
<SnackbarProvider autoHideDuration={5000}>
|
|
<App />
|
|
</SnackbarProvider>
|
|
</LocalizationProvider>
|
|
</ErrorBoundary>
|
|
</ThemeProvider>
|
|
</StyledEngineProvider>
|
|
</React.StrictMode>,
|
|
document.getElementById("root")
|
|
);
|