quivr/frontend/app/chat/components/ChatsList/index.tsx

"use client";

import { Sidebar } from "@/lib/components/Sidebar/Sidebar";

import { ChatHistory } from "./components/ChatHistory";
import { NewChatButton } from "./components/NewChatButton";
import { useChatNotificationsSync } from "./hooks/useChatNotificationsSync";
import { useChatsList } from "./hooks/useChatsList";

export const ChatsList = (): JSX.Element => {
  useChatsList();
  useChatNotificationsSync();

  return (
    <Sidebar showFooter={true}>
      <div className="flex flex-col flex-1 h-full" data-testid="chats-list">
        <div className="pt-2">
          <NewChatButton />
        </div>
        <ChatHistory />
      </div>
    </Sidebar>
  );
};