Add search list function

selaudin · Oct 29, 2023 · 94a0d48 · 94a0d48
1 parent 450a39a
commit 94a0d48
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/frontend/src/index.css b/frontend/src/index.css
@@ -224,11 +224,12 @@ table > tbody > tr > td {
     padding: 1.25rem 1.5rem;
     margin-bottom: 1rem;
     margin-top: 0.5rem;
-    width: 80%;
     height: fit-content;
+    width: 100%;
 }
 
 .docs-container {
+    width: 80%;
     display: flex;
     flex-direction: column;
     align-items: center;

diff --git a/frontend/src/pages/dashboard/dashboard.component.jsx b/frontend/src/pages/dashboard/dashboard.component.jsx
@@ -31,7 +31,7 @@ export function Dashboard() {
             }
           })
           .catch((error) => console.error('Error fetching data:', error));
-      }, []);
+      }, [id]);
 
     const handleSubmit = (e) => {
         e.preventDefault()
@@ -60,15 +60,23 @@ export function Dashboard() {
             <form onSubmit={handleSubmit} style={{position: 'sticky'}}>
                 <input ref={searchRef} placeholder={"Search"} id="search-bar"/>
             </form>
-            {docs ? (
+            {id ? (
                 <div className={'docs-container'}
                      style={{marginTop: '10px', padding: '20px', height: '100vh', overflowY: 'auto'}}>
                     {
                     filteredDocs.map((doc, index) => {
                         console.log(doc);
                         return (
-                        <div className="doc" key={index}>
-                            <WriteLikeChatGPT text={doc.conversations[0].prompt} />
+                        <div>
+                            {doc.conversations.map((conv) => (
+                                <div className="doc" key={index}>
+                                     <div>Q: {conv.request}</div>
+                                     <div>A: {conv.prompt}</div>
+                                     {/* <WriteLikeChatGPT text={`A: ${conv.prompt}`} /> */}
+                                   {/* <WriteLikeChatGPT text={` A: ${conv.prompt}`}/> */}
+                                </div>
+                            ))}
+                            {/* <WriteLikeChatGPT text={doc.conversations[0].prompt} /> */}
                         </div>
                         );
                     })