From 7d1b4a168e13522e400f290dfcc43121c5ad0d9f Mon Sep 17 00:00:00 2001
From: Raditya Harya <radityaharya02@gmail.com>
Date: Sat, 4 May 2024 19:52:33 +0000
Subject: [PATCH] swr for session loading

---
 src/app/workflow/Builder.tsx        | 12 +++++++-----
 src/app/workflows/WorkflowGrid.tsx  |  2 +-
 src/middlewares/handlers/userApi.ts | 18 +++++++++---------
 3 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/app/workflow/Builder.tsx b/src/app/workflow/Builder.tsx
index ba221bb..55b4930 100644
--- a/src/app/workflow/Builder.tsx
+++ b/src/app/workflow/Builder.tsx
@@ -22,6 +22,7 @@ import { toast } from "sonner";
 import { useRouter } from "next/navigation";
 import { LoadingWithText } from "~/components/LoadingSpinner";
 import { useWorkflowData } from "~/hooks/useWorkflowData";
+import useSWR from "swr";
 
 function Builder({
   params,
@@ -30,17 +31,18 @@ function Builder({
   params: { id: string };
   searchParams: any;
 }) {
-  const { data: session } = useSession();
+  const { data: session, isLoading: sessionLoading } =
+    useSWR("/api/auth/session");
 
   const flowId = params.id;
 
   const router = useRouter();
 
   useEffect(() => {
-    if (session) {
+    if (session?.user) {
       setSessionStore(session);
-    }
-  }, [session]);
+    } 
+  }, [session?.user]);
 
   const {
     rightBarSize,
@@ -178,7 +180,7 @@ function Builder({
           </ResizablePanel>
           <ResizableHandle withHandle />
           <ResizablePanel defaultSize={83}>
-            {workflowIsLoading || sessionStore === null ? (
+            {workflowIsLoading || !session?.user ? (
               <Loading />
             ) : (
               <Flow />
diff --git a/src/app/workflows/WorkflowGrid.tsx b/src/app/workflows/WorkflowGrid.tsx
index ad9bece..0043151 100644
--- a/src/app/workflows/WorkflowGrid.tsx
+++ b/src/app/workflows/WorkflowGrid.tsx
@@ -583,7 +583,7 @@ export function WorkflowsGrid({ workflows }: WorkflowTableProps) {
       (a, b) =>
         new Date(b!.startedAt).getTime() - new Date(a!.startedAt).getTime(),
     )
-    .slice(0, 500);
+    .slice(0, 4);
 
   return (
     <div className="pt-2 flex h-full flex-col-reverse xl:flex-row w-full gap-10">
diff --git a/src/middlewares/handlers/userApi.ts b/src/middlewares/handlers/userApi.ts
index e757e79..ef5e3b6 100644
--- a/src/middlewares/handlers/userApi.ts
+++ b/src/middlewares/handlers/userApi.ts
@@ -122,15 +122,15 @@ export const withUserApi = (
 
       const user = await getUser(request);
 
-      if (!user && pathname.startsWith("/workflow")) {
-        return NextResponse.redirect(
-          new URL("/auth/login", process.env.NEXTAUTH_URL),
-        );
-      }
-
-      if (!user) {
-        return errorResponse("Not authenticated", 401);
-      }
+      // if (!user && pathname.startsWith("/workflow")) {
+      //   return NextResponse.redirect(
+      //     new URL("/auth/login", process.env.NEXTAUTH_URL),
+      //   );
+      // }
+
+      // if (!user) {
+      //   return errorResponse("Not authenticated", 401);
+      // }
 
       // user namespace check
       if (pathname.startsWith("/api/user/")) {