Project Init

apps/backoffice/src/app/providers/AppProviders.tsx

@@ -0,0 +1,21 @@
+import { Provider } from 'react-redux';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import type { ReactNode } from 'react';
+import { store } from '../store';
+import { MantineThemeProvider } from './MantineThemeProvider';
+
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: { retry: 1, staleTime: 1000 * 60 * 5 },
+  },
+});
+
+export function AppProviders({ children }: { children: ReactNode }) {
+  return (
+    <Provider store={store}>
+      <QueryClientProvider client={queryClient}>
+        <MantineThemeProvider>{children}</MantineThemeProvider>
+      </QueryClientProvider>
+    </Provider>
+  );
+}

apps/backoffice/src/app/providers/MantineThemeProvider.tsx

@@ -0,0 +1,13 @@
+import { MantineProvider } from '@mantine/core';
+import { Notifications } from '@mantine/notifications';
+import { emaTheme } from '@ema-platform/shared';
+import type { ReactNode } from 'react';
+
+export function MantineThemeProvider({ children }: { children: ReactNode }) {
+  return (
+    <MantineProvider theme={emaTheme}>
+      <Notifications position="top-right" />
+      {children}
+    </MantineProvider>
+  );
+}