Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 47 48 49 50 51 52 53 54 55 56 57 | import i18n from "i18next";
import { initReactI18next } from "react-i18next";
import { BrowserRouter } from "react-router-dom";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import LanguageDetector from "i18next-browser-languagedetector";
import { ToastContainer } from "react-toastify";
import "react-toastify/dist/ReactToastify.css";
import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
import { AdapterLuxon } from "@mui/x-date-pickers/AdapterLuxon";
import AppRoutes from "@/appRoutes";
import { Navbar } from "@/components/organisms";
import en from "@/locale/en.json";
import fr from "@/locale/fr.json";
import ar from "@/locale/ar.json";
function App() {
const queryClient = new QueryClient();
i18n
.use(initReactI18next)
.use(LanguageDetector)
.init({
detection: {
order: ["localStorage", "navigator"],
},
resources: {
en: {
translation: en,
},
fr: {
translation: fr,
},
ar: {
translation: ar,
},
},
debug: false,
});
return (
<QueryClientProvider client={queryClient}>
<LocalizationProvider dateAdapter={AdapterLuxon} adapterLocale="de">
<BrowserRouter>
<Navbar />
<ToastContainer hideProgressBar={false} theme="dark" />
<AppRoutes />
</BrowserRouter>
</LocalizationProvider>
</QueryClientProvider>
);
}
export default App;
|