From 7c4e7ab07a40ab0dcbf6035b8d047abf553c4915 Mon Sep 17 00:00:00 2001
From: Daniel Avila <messagedaniel@protonmail.com>
Date: Sat, 4 Feb 2023 20:48:33 -0500
Subject: [PATCH] abstracts textarea

---
 src/App.jsx                 |  4 +++-
 src/components/TextChat.jsx | 40 +++++++++++++++++++++++++++++++++++++
 2 files changed, 43 insertions(+), 1 deletion(-)
 create mode 100644 src/components/TextChat.jsx

diff --git a/src/App.jsx b/src/App.jsx
index 2b4899d7a..883bc73c1 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import TextChat from './components/TextChat';
 
 const App = () => {
 
@@ -7,7 +8,8 @@ const App = () => {
       <div className="w-80 bg-slate-800"></div>
       <div className="flex h-full w-full flex-col bg-gray-50 ">
         <div className="flex-1 overflow-y-auto"></div>
-        <textarea className="m-10 h-16 p-4" onChange={(e) => console.log(e.target.value)}/>
+        {/* <textarea className="m-10 h-16 p-4" onChange={(e) => console.log(e.target.value)}/> */}
+        <TextChat />
       </div>
     </div>
   );
diff --git a/src/components/TextChat.jsx b/src/components/TextChat.jsx
new file mode 100644
index 000000000..6024ce321
--- /dev/null
+++ b/src/components/TextChat.jsx
@@ -0,0 +1,40 @@
+import React from 'react';
+import EventSource from 'eventsource';
+
+export default function TextChat() {
+  const handleKeyPress = (e) => {
+    if (e.key === 'Enter' && e.shiftKey) {
+      console.log('Enter + Shift');
+    }
+
+    if (e.key === 'Enter' && !e.shiftKey) {
+      console.log('Submit Enter');
+    }
+  };
+
+  const handleSubmit = () => {
+    const events = new EventSource('http://localhost:3050/ask');
+    events.onopen = function () {
+      console.log('connection is opened');
+    };
+
+    events.onmessage = function (e) {
+      console.log(e);
+    };
+
+    events.onerror = function (e) {
+      console.log(e, 'error in opening conn.');
+      events.close();
+    };
+  };
+
+  return (
+    <>
+      <textarea
+        className="m-10 h-16 p-4"
+        onKeyUp={handleKeyPress}
+        onChange={(e) => console.log(e.target.value)}
+      />
+    </>
+  );
+}