StanGirard/quivr
1
1
Fork 0
mirror of https://github.com/StanGirard/quivr.git synced 2024-08-16 16:40:40 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat: fix new chat button

Browse Source
This commit is contained in:
mamadoudicko 2023-06-27 11:09:47 +02:00
parent c402838f9b
commit 57760b11b5
1 changed files with 19 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
frontend/app/chat/components/ChatsList/index.tsx
View File

@ -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 }}