53 lines
1.5 KiB
TypeScript
53 lines
1.5 KiB
TypeScript
import { ChatFolder, Conversation, KeyValuePair } from "@/types";
|
|
import { FC } from "react";
|
|
import { Folder } from "./Folder";
|
|
|
|
interface Props {
|
|
searchTerm: string;
|
|
conversations: Conversation[];
|
|
folders: ChatFolder[];
|
|
onDeleteFolder: (folder: number) => void;
|
|
onUpdateFolder: (folder: number, name: string) => void;
|
|
// conversation props
|
|
selectedConversation: Conversation;
|
|
loading: boolean;
|
|
onSelectConversation: (conversation: Conversation) => void;
|
|
onDeleteConversation: (conversation: Conversation) => void;
|
|
onUpdateConversation: (conversation: Conversation, data: KeyValuePair) => void;
|
|
}
|
|
|
|
export const Folders: FC<Props> = ({
|
|
searchTerm,
|
|
conversations,
|
|
folders,
|
|
onDeleteFolder,
|
|
onUpdateFolder,
|
|
// conversation props
|
|
selectedConversation,
|
|
loading,
|
|
onSelectConversation,
|
|
onDeleteConversation,
|
|
onUpdateConversation
|
|
}) => {
|
|
return (
|
|
<div className="flex flex-col gap-1 w-full pt-2">
|
|
{folders.map((folder, index) => (
|
|
<Folder
|
|
key={index}
|
|
searchTerm={searchTerm}
|
|
conversations={conversations.filter((c) => c.folderId)}
|
|
currentFolder={folder}
|
|
onDeleteFolder={onDeleteFolder}
|
|
onUpdateFolder={onUpdateFolder}
|
|
// conversation props
|
|
selectedConversation={selectedConversation}
|
|
loading={loading}
|
|
onSelectConversation={onSelectConversation}
|
|
onDeleteConversation={onDeleteConversation}
|
|
onUpdateConversation={onUpdateConversation}
|
|
/>
|
|
))}
|
|
</div>
|
|
);
|
|
};
|