Merge remote-tracking branch 'upstream/master'

src/components/EmptyChat.tsx

@@ -0,0 +1,63 @@
+import { Settings } from 'lucide-react';
+import EmptyChatMessageInput from './EmptyChatMessageInput';
+import { useState } from 'react';
+import { File } from './ChatWindow';
+import Link from 'next/link';
+
+const EmptyChat = ({
+  sendMessage,
+  focusMode,
+  setFocusMode,
+  optimizationMode,
+  setOptimizationMode,
+  fileIds,
+  setFileIds,
+  files,
+  setFiles,
+  isCompact,
+  setIsCompact,
+}: {
+  sendMessage: (message: string) => void;
+  focusMode: string;
+  setFocusMode: (mode: string) => void;
+  optimizationMode: string;
+  setOptimizationMode: (mode: string) => void;
+  fileIds: string[];
+  setFileIds: (fileIds: string[]) => void;
+  files: File[];
+  setFiles: (files: File[]) => void;
+  isCompact: boolean;
+  setIsCompact: (isCompact: boolean) => void;
+}) => {
+  const [isSettingsOpen, setIsSettingsOpen] = useState(false);
+
+  return (
+    <div className="relative">
+      <div className="absolute w-full flex flex-row items-center justify-end mr-5 mt-5">
+        <Link href="/settings">
+          <Settings className="cursor-pointer lg:hidden" />
+        </Link>
+      </div>
+      <div className="flex flex-col items-center justify-center min-h-screen max-w-screen-sm mx-auto p-2 space-y-8">
+        <h2 className="text-black/70 dark:text-white/70 text-3xl font-medium -mt-8">
+          Research begins here.
+        </h2>
+        <EmptyChatMessageInput
+          sendMessage={sendMessage}
+          focusMode={focusMode}
+          setFocusMode={setFocusMode}
+          optimizationMode={optimizationMode}
+          setOptimizationMode={setOptimizationMode}
+          fileIds={fileIds}
+          setFileIds={setFileIds}
+          files={files}
+          setFiles={setFiles}
+          isCompact={isCompact}
+          setIsCompact={setIsCompact}
+        />
+      </div>
+    </div>
+  );
+};
+
+export default EmptyChat;