mirror of
https://github.com/scottlamb/moonfire-nvr.git
synced 2025-02-11 13:48:11 -05:00
This is a surprisingly complex upgrade. Some relevant changes from [their CHANGELOG](https://github.com/mui-org/material-ui/blob/v5.0.0-beta.3/CHANGELOG.md): * @material-ui/core/styles no longer re-exports some stuff from @material-ui/styles * there's no more defaultTheme, so tests need to provide one * select's onChange has a new type; match that. I haven't actually tried that the string form (apparently from autofill) works correctly. * checkboxes no longer default to the secondary color; explicitly request this in some places. * checkbox no longer has a checked argument; use event.target.checked instead. * date pickers have switched to the new style system, so I had to redo how I was overridding their spacing for desktop. * LoadingButton now has a loading property, not pending * createMuiTheme is no createTheme
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 "@material-ui/core/CssBaseline";
|
|
import { ThemeProvider, createTheme } from "@material-ui/core/styles";
|
|
import StyledEngineProvider from "@material-ui/core/StyledEngineProvider";
|
|
import LocalizationProvider from "@material-ui/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 "@material-ui/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")
|
|
);
|