Sidebar and edit updates

apps/link/app/_components/Button.tsx

@@ -8,13 +8,15 @@ interface ButtonProps {
   text: string;
   color: string;
   href: string;
+  onClick: any;
 }
 
-export const Button: FC<ButtonProps> = ({ text, color, href }) => (
+export const Button: FC<ButtonProps> = ({ text, color, href, onClick }) => (
   <Link href={href} passHref>
     <MUIButton
       variant="contained"
       disableElevation
+      onClick={onClick}
       sx={{
         fontFamily: "Poppins, sans-serif",
         fontWeight: 700,

apps/link/app/_components/MultiProvider.tsx

@@ -1,6 +1,7 @@
 "use client";
 
-import { FC, PropsWithChildren, useState } from "react";
+import { FC, PropsWithChildren, useState, useEffect } from "react";
+import { usePathname } from "next/navigation";
 import { CssBaseline } from "@mui/material";
 import { CookiesProvider } from "react-cookie";
 import { SessionProvider } from "next-auth/react";
@@ -31,22 +32,45 @@ export const MultiProvider: FC<PropsWithChildren> = ({ children }) => {
   });
   const messages: any = { en: locales.en, fr: locales.fr };
   const locale = "en";
-  const graphQLFetcher = async ({ document, variables }: any) => {
+  const fetchAndCheckAuth = async ({ document, variables }: any) => {
     const requestHeaders = {
       "X-CSRF-Token": csrfToken,
     };
-    const { data, headers } = await client.rawRequest(
+    const { data, headers, status } = await client.rawRequest(
       document,
       variables,
       requestHeaders,
     );
 
+    if (status !== 200) {
+      const res = await fetch("/zammad/auth/sso", {
+        method: "GET",
+        redirect: "manual",
+      });
+
+      console.log({ checkAuth: res });
+
+      return null;
+    }
+
     const token = headers.get("CSRF-Token");
     setCsrfToken(token);
 
     return data;
   };
 
+  const graphQLFetcher = async ({ document, variables }: any) => {
+    let checks = 0;
+    let data = null;
+
+    while (!data && checks < 2) {
+      data = await fetchAndCheckAuth({ document, variables });
+      checks++;
+    }
+
+    return data;
+  };
+
   return (
     <>
       <CssBaseline />