folders (#108)

* folders * fixes * storage fix
2023-03-23 17:59:40 -06:00
parent 1a4b4401ee
commit f5118e3037
14 changed files with 677 additions and 226 deletions
@@ -0,0 +1,52 @@
+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>
+  );
+};