cleanup

src/components/ChatWindow.jsx

@@ -7,6 +7,10 @@ import Loader from "./Loader";
 import { RecursiveCharacterTextSplitter } from 'langchain/text_splitter';
 import { XenovaTransformersEmbeddings } from '../embed/hf';
 import { MemoryVectorStore } from "langchain/vectorstores/memory";
+import {
+  Button,
+  TextInput,
+} from "react95";
 
 function ChatWindow({
   stopStrings,
@@ -42,7 +46,6 @@ function ChatWindow({
           new XenovaTransformersEmbeddings()
         )
         const queryResult = await vectorStore.similaritySearch(userInput, 2);
-        console.log("queryResult", queryResult);
         qaPrompt = 
       `You are an AI assistant providing helpful advice. You are given the following extracted parts of a long document and a question. Provide a conversational answer based on the context provided.
         You should only provide hyperlinks that reference the context below. Do NOT make up hyperlinks.
@@ -111,11 +114,13 @@ function ChatWindow({
             <div>
               <form onSubmit={handleSubmit}>
                 <div className="flex">
-                  <input
-                    style={{ width: '95%', padding: '10px'}}
+                   <TextInput
                     value={userInput}
                     placeholder="Say something..."
                     onChange={handleChange}
+                    fullWidth
+                    multiline
+                    rows={3}
                   />
                 </div>
               </form>
@@ -128,7 +133,7 @@ function ChatWindow({
               <div className="flex justify-start m-2">
                 <div>
                   <div>
-                  <button
+                  <Button
                     onClick={handleSubmit}
                     className="submit"
                     style={{ height: "65px", width: "65px", float: "right" }}
@@ -145,9 +150,10 @@ function ChatWindow({
                       width="40"
                       height="40"
                     />
-                  </button>
-                  <button onClick={handleClear}>Clear</button>
+                  </Button>
+                  
                   <FileLoader setFileText={setFileText} />
+                  <Button onClick={handleClear}>Clear</Button>
                   </div>
                   
                   <div
@@ -160,7 +166,6 @@ function ChatWindow({
                       marginTop: "2px",
                     }}
                   ></div>
-                  
                 </div>
               </div>
             </div>

src/components/DashButton.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { MouseEventHandler, ReactElement } from 'react';
+import { Button } from 'react95';
 
 interface Props {
   handleClick: MouseEventHandler<HTMLButtonElement>;
@@ -7,12 +8,12 @@ interface Props {
 }
 const DashButton = ({ handleClick, children }: Props) => {
   return (
-    <button
+    <Button
       className="border-dashed border-2 border-black rounded-lg py-2 px-4 text-black hover:bg-black hover:text-white transition-all duration-300 ease-in-out"
       onClick={handleClick}
     >
       {children}
-    </button>
+    </Button>
   );
 };