33 lines
648 B
TypeScript
33 lines
648 B
TypeScript
import { useMemo } from "react";
|
|
import {
|
|
ThemeProvider,
|
|
createTheme,
|
|
useMediaQuery,
|
|
CssBaseline,
|
|
} from "@material-ui/core";
|
|
|
|
import { RoomContextProvider } from "./context";
|
|
|
|
export const App = () => {
|
|
const prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
|
|
|
|
const theme = useMemo(
|
|
() =>
|
|
createTheme({
|
|
palette: {
|
|
type: prefersDarkMode ? "dark" : "light",
|
|
},
|
|
}),
|
|
[prefersDarkMode]
|
|
);
|
|
|
|
return (
|
|
<ThemeProvider theme={theme}>
|
|
<RoomContextProvider>
|
|
<CssBaseline />
|
|
Here goes content soon!
|
|
</RoomContextProvider>
|
|
</ThemeProvider>
|
|
);
|
|
};
|