From 57760b11b5e72e7e2d57fd09a38677b2ed5d18b7 Mon Sep 17 00:00:00 2001
From: mamadoudicko <mamadoudicko100@gmail.com>
Date: Tue, 27 Jun 2023 11:09:47 +0200
Subject: [PATCH] feat: fix new chat button

---
 .../app/chat/components/ChatsList/index.tsx   | 35 ++++++++++---------
 1 file changed, 19 insertions(+), 16 deletions(-)

diff --git a/frontend/app/chat/components/ChatsList/index.tsx b/frontend/app/chat/components/ChatsList/index.tsx
index 13f11bc19..8448dc322 100644
--- a/frontend/app/chat/components/ChatsList/index.tsx
+++ b/frontend/app/chat/components/ChatsList/index.tsx
@@ -38,29 +38,32 @@ export const ChatsList = (): JSX.Element => {
           }}
           className={cn("overflow-hidden")}
         >
-          <div className="min-w-fit max-h-screen overflow-auto scrollbar pt-20">
-            <aside className="relative max-w-xs w-full h-screen">
-              <NewChatButton />
-              <div className="flex flex-col gap-0">
-                {allChats.map((chat) => (
-                  <ChatsListItem
-                    key={chat.chat_id}
-                    chat={chat}
-                    deleteChat={deleteChat}
-                  />
-                ))}
-              </div>
-            </aside>
-            <div className="fixed bottom-0 left-0 p-4 py-1 absolute w-full bg-white">
-              <MiniFooter />
+          <div
+            style={{
+              display: "flex",
+              flexDirection: "column",
+              flex: 1,
+              height: "90vh",
+            }}
+          >
+            <NewChatButton />
+            <div style={{ flex: 1, overflow: "scroll", height: "100%" }}>
+              {allChats.map((chat) => (
+                <ChatsListItem
+                  key={chat.chat_id}
+                  chat={chat}
+                  deleteChat={deleteChat}
+                />
+              ))}
             </div>
+            <MiniFooter />
           </div>
         </motion.div>
         <button
           onClick={() => {
             setOpen(!open);
           }}
-          className="absolute left-full top-16 lg:top-0 text-3xl bg-black dark:bg-white text-white dark:text-black rounded-r-full p-3 pl-1"
+          className="absolute left-full top-16 text-3xl bg-black dark:bg-white text-white dark:text-black rounded-r-full p-3 pl-1"
         >
           <motion.div
             whileTap={{ scale: 0.9 }}