fix: chat visible to logout user (#47)

<img width="1519" alt="image"
src="https://github.com/landing-ai/vision-agent-ui/assets/132986242/aea90f4a-63a3-4304-acfc-8b50693d685c">

app/all/layout.tsx

@@ -14,22 +14,21 @@ export default async function Layout({ children }: ChatLayoutProps) {
 
   if (!isAdmin) {
     redirect('/');
-  } else if (!user) {
-    return null;
   }
-
   const chats = await adminGetAllKVChats();
 
   return (
     <div className="relative flex h-[calc(100vh_-_theme(spacing.16))] overflow-hidden">
-      <div
-        data-state="open"
-        className="peer absolute inset-y-0 z-30 hidden border-r bg-muted duration-300 ease-in-out translate-x-0 lg:flex lg:w-[250px] xl:w-[300px] h-full flex-col dark:bg-zinc-950 overflow-auto py-2"
-      >
-        <Suspense fallback={<Loading />}>
-          <ChatSidebarList chats={chats} isAdminView />
-        </Suspense>
-      </div>
+      {user && (
+        <div
+          data-state="open"
+          className="peer absolute inset-y-0 z-30 hidden border-r bg-muted duration-300 ease-in-out translate-x-0 lg:flex lg:w-[250px] xl:w-[300px] h-full flex-col dark:bg-zinc-950 overflow-auto py-2"
+        >
+          <Suspense fallback={<Loading />}>
+            <ChatSidebarList chats={chats} isAdminView />
+          </Suspense>
+        </div>
+      )}
       <Suspense fallback={<Loading />}>
         <div className="group w-full overflow-auto pl-0 animate-in duration-300 ease-in-out peer-[[data-state=open]]:lg:pl-[250px] peer-[[data-state=open]]:xl:pl-[300px]">
           {children}

app/chat/layout.tsx

@@ -9,22 +9,21 @@ interface ChatLayoutProps {
 }
 
 export default async function Layout({ children }: ChatLayoutProps) {
-  const { email, isAdmin, user } = await authEmail();
+  const { email, user } = await authEmail();
   const chats = await getKVChats();
-  if (!user) {
-    return null;
-  }
 
   return (
     <div className="relative flex h-[calc(100vh_-_theme(spacing.16))] overflow-hidden">
-      <div
-        data-state={email ? 'open' : 'closed'}
-        className="peer absolute inset-y-0 z-30 hidden border-r bg-muted duration-300 ease-in-out -translate-x-full data-[state=open]:translate-x-0 lg:flex lg:w-[250px] h-full flex-col overflow-auto py-2"
-      >
-        <Suspense fallback={<Loading />}>
-          <ChatSidebarList chats={chats} />
-        </Suspense>
-      </div>
+      {user && (
+        <div
+          data-state={email ? 'open' : 'closed'}
+          className="peer absolute inset-y-0 z-30 hidden border-r bg-muted duration-300 ease-in-out -translate-x-full data-[state=open]:translate-x-0 lg:flex lg:w-[250px] h-full flex-col overflow-auto py-2"
+        >
+          <Suspense fallback={<Loading />}>
+            <ChatSidebarList chats={chats} />
+          </Suspense>
+        </div>
+      )}
       <Suspense fallback={<Loading />}>
         <div className="group w-full overflow-auto pl-0 animate-in duration-300 ease-in-out peer-[[data-state=open]]:lg:pl-[250px]">
           {children}