48 lines
1.0 KiB
JavaScript
48 lines
1.0 KiB
JavaScript
|
import React, { useState, useEffect } from "react";
|
||
|
import Routes from "./routes";
|
||
|
import "react-toastify/dist/ReactToastify.css";
|
||
|
|
||
|
import { createTheme, ThemeProvider } from "@material-ui/core/styles";
|
||
|
import { ptBR } from "@material-ui/core/locale";
|
||
|
|
||
|
const App = () => {
|
||
|
const [locale, setLocale] = useState();
|
||
|
|
||
|
const theme = createTheme(
|
||
|
{
|
||
|
scrollbarStyles: {
|
||
|
"&::-webkit-scrollbar": {
|
||
|
width: "8px",
|
||
|
height: "8px",
|
||
|
},
|
||
|
"&::-webkit-scrollbar-thumb": {
|
||
|
boxShadow: "inset 0 0 6px rgba(0, 0, 0, 0.3)",
|
||
|
backgroundColor: "#e8e8e8",
|
||
|
},
|
||
|
},
|
||
|
palette: {
|
||
|
primary: { main: "#2576d2" },
|
||
|
},
|
||
|
},
|
||
|
locale
|
||
|
);
|
||
|
|
||
|
useEffect(() => {
|
||
|
const i18nlocale = localStorage.getItem("i18nextLng");
|
||
|
const browserLocale =
|
||
|
i18nlocale.substring(0, 2) + i18nlocale.substring(3, 5);
|
||
|
|
||
|
if (browserLocale === "ptBR") {
|
||
|
setLocale(ptBR);
|
||
|
}
|
||
|
}, []);
|
||
|
|
||
|
return (
|
||
|
<ThemeProvider theme={theme}>
|
||
|
<Routes />
|
||
|
</ThemeProvider>
|
||
|
);
|
||
|
};
|
||
|
|
||
|
export default App;
|