bazarr/frontend/src/providers.tsx

27 lines
896 B
TypeScript

import ThemeProvider from "@/App/theme";
import queryClient from "@/apis/queries";
import { ModalsProvider } from "@/modules/modals";
import "@fontsource/roboto/300.css";
import { Notifications } from "@mantine/notifications";
import { FunctionComponent, PropsWithChildren } from "react";
import { QueryClientProvider } from "react-query";
import { ReactQueryDevtools } from "react-query/devtools";
import { Environment } from "./utilities";
export const AllProviders: FunctionComponent<PropsWithChildren> = ({
children,
}) => {
return (
<QueryClientProvider client={queryClient}>
<ThemeProvider>
<ModalsProvider>
<Notifications limit={5} />
{/* c8 ignore next 3 */}
{Environment.queryDev && <ReactQueryDevtools initialIsOpen={false} />}
{children}
</ModalsProvider>
</ThemeProvider>
</QueryClientProvider>
);
};