Add package to write like chat gpt

selaudin · Oct 28, 2023 · fe1f978 · fe1f978
1 parent fb3b1d2
commit fe1f978
Show file tree

Hide file tree

Showing 3 changed files with 276 additions and 3 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -17,7 +17,8 @@
     "redux-thunk": "^2.4.2",
     "reselect": "^4.1.8",
     "styled-components": "^6.1.0",
-    "web-vitals": "^2.1.4"
+    "web-vitals": "^2.1.4",
+    "write-like-chat-gpt": "^1.0.7"
   },
   "scripts": {
     "start": "react-scripts start",

diff --git a/frontend/src/pages/dashboard/dashboard.component.jsx b/frontend/src/pages/dashboard/dashboard.component.jsx
@@ -3,6 +3,7 @@ import {selectCurrentUser} from "../../store/user/user.selector";
 import {Navigate} from "react-router-dom";
 import {useRef, useState} from "react";
 import keyboardImage from '../../assets/keyboard.png'
+import WriteLikeChatGPT from 'write-like-chat-gpt'
 
 export function Dashboard() {
     const currentUser = useSelector(selectCurrentUser)
@@ -47,7 +48,7 @@ export function Dashboard() {
             {searchRef.current?.value && (
                 <div className={'docs-container'}
                      style={{marginTop: '10px', padding: '20px', height: '100vh', overflowY: 'auto'}}>
-                    {docs.map(doc => (<div className="doc" key={doc.id}>{doc.title}</div>))}
+                    {docs.map(doc => (<div className="doc" key={doc.id}><WriteLikeChatGPT text={doc.title} /></div>))}
                 </div>
             )}
         </div>