Flatten

apps/link/app/_components/MultiProvider.tsx

@@ -7,12 +7,14 @@ import { SessionProvider } from "next-auth/react";
 import { NextAppDirEmotionCacheProvider } from "tss-react/next/appDir";
 import { SWRConfig } from "swr";
 import { GraphQLClient } from "graphql-request";
+import { I18n } from "react-polyglot";
 import { AdapterDateFns } from "@mui/x-date-pickers-pro/AdapterDateFns";
 import { LocalizationProvider } from "@mui/x-date-pickers-pro";
 import { LicenseInfo } from "@mui/x-date-pickers-pro";
+import { locales } from "leafcutter-common";
 
 LicenseInfo.setLicenseKey(
-  "7c9bf25d9e240f76e77cbf7d2ba58a23Tz02NjU4OCxFPTE3MTU4NjIzMzQ2ODgsUz1wcm8sTE09c3Vic2NyaXB0aW9uLEtWPTI="
+  "7c9bf25d9e240f76e77cbf7d2ba58a23Tz02NjU4OCxFPTE3MTU4NjIzMzQ2ODgsUz1wcm8sTE09c3Vic2NyaXB0aW9uLEtWPTI=",
 );
 
 export const MultiProvider: FC<PropsWithChildren> = ({ children }) => {
@@ -21,12 +23,14 @@ export const MultiProvider: FC<PropsWithChildren> = ({ children }) => {
     typeof window !== "undefined" && window.location.origin
       ? window.location.origin
       : null;
-  const client = new GraphQLClient(`${origin}/proxy/zammad/graphql`, {
+  const client = new GraphQLClient(`${origin}/zammad/graphql`, {
     headers: {
       "Content-Type": "application/json",
       Accept: "application/json",
     },
   });
+  const messages: any = { en: locales.en, fr: locales.fr };
+  const locale = "en";
   const graphQLFetcher = async ({ document, variables }: any) => {
     const requestHeaders = {
       "X-CSRF-Token": csrfToken,
@@ -34,7 +38,7 @@ export const MultiProvider: FC<PropsWithChildren> = ({ children }) => {
     const { data, headers } = await client.rawRequest(
       document,
       variables,
-      requestHeaders
+      requestHeaders,
     );
 
     const token = headers.get("CSRF-Token");
@@ -51,7 +55,9 @@ export const MultiProvider: FC<PropsWithChildren> = ({ children }) => {
           <SessionProvider>
             <CookiesProvider>
               <LocalizationProvider dateAdapter={AdapterDateFns}>
-                {children}
+                <I18n locale={locale} messages={messages[locale]}>
+                  {children}
+                </I18n>
               </LocalizationProvider>
             </CookiesProvider>
           </SessionProvider>