From 88fdae11ce3c90edc0c15eb0d6aee881776c9fec Mon Sep 17 00:00:00 2001
From: Prince Baghel <pkbghl90@gmail.com>
Date: Sat, 21 Sep 2024 17:54:59 +0530
Subject: [PATCH] update: orgChatToggler

---
 src/app/page.tsx               | 22 +++++++++++++---------
 src/components/chatSidebar.tsx |  2 +-
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index fd700e8..d92756c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,6 +15,7 @@ import InputBar from "@/components/inputBar2";
 import { ChatType } from "@/lib/types";
 import { parseAsString, useQueryState } from "next-usequerystate";
 import ChatCardWrapper from "@/components/chatcardwrapper";
+import { OrgChatToggler } from "@/components/chatSidebar";
 
 const handleSmoothScroll = (): void => {
   if (typeof window !== "undefined") {
@@ -116,7 +117,7 @@ export default function Home() {
                 Let's hyper-accelerate your research.
               </h1>
               <div className="grid md:grid-col-2 gap-4 sm:grid-col-1 p-4">
-                {isSignedIn && orgId ? (
+                {isSignedIn && orgId && orgSlug ? (
                   <div className="w-full md:min-w-[400px] lg:min-w-[600px] xl:min-w-[800px] ">
                     <InputBar
                       isHome={true}
@@ -130,14 +131,17 @@ export default function Home() {
                         setChattype as Dispatch<SetStateAction<ChatType>>
                       }
                     />
-                    <div className="w-full md:w-[400px] lg:w-[600px] xl:w-[800px] h-[500px] overflow-y-scroll scrollbar-hide">
-                      <ChatCardWrapper
-                        isHome={true}
-                        org_id={orgId}
-                        org_slug={orgSlug!}
-                        uid={userId}
-                        initialData={[]}
-                      />
+                    <div className="flex flex-col gap-y-4">
+                      <OrgChatToggler orgId={orgId} orgSlug={orgSlug} />
+                      <div className="w-full md:w-[400px] lg:w-[600px] xl:w-[800px] h-[500px] overflow-y-scroll scrollbar-hide">
+                        <ChatCardWrapper
+                          isHome={true}
+                          org_id={orgId}
+                          org_slug={orgSlug!}
+                          uid={userId}
+                          initialData={[]}
+                        />
+                      </div>
                     </div>
                   </div>
                 ) : (
diff --git a/src/components/chatSidebar.tsx b/src/components/chatSidebar.tsx
index 571a9a0..f6b942c 100644
--- a/src/components/chatSidebar.tsx
+++ b/src/components/chatSidebar.tsx
@@ -43,7 +43,7 @@ export default function ChatSidebar({
   );
 }
 
-const OrgChatToggler = ({
+export const OrgChatToggler = ({
   orgId,
   orgSlug,
 }: {