From b993473d732127c7e3a8ff137a5d4c55d03c87d6 Mon Sep 17 00:00:00 2001
From: DarrenZal <zaldarren@gmail.com>
Date: Fri, 12 Jan 2024 00:19:45 -0800
Subject: [PATCH] add feedback submission

---
 src/components/chat/chat.svelte | 36 +++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/src/components/chat/chat.svelte b/src/components/chat/chat.svelte
index ad6dab0..2b1647f 100644
--- a/src/components/chat/chat.svelte
+++ b/src/components/chat/chat.svelte
@@ -97,6 +97,21 @@
       return 'entity-matching-result'
     return 'other'
   }
+
+  let feedbackMessage = '';
+
+async function sendFeedback() {
+  if (feedbackMessage.trim() !== '') {
+    // Send feedback to the server
+    await axios.post('https://myseelia.life/feedback', {
+      username: username,
+      feedback: feedbackMessage
+    });
+
+    // Reset feedbackMessage
+    feedbackMessage = '';
+  }
+}
 </script>
 
 <section class="chat-container">
@@ -123,6 +138,10 @@
     {/if}
   </div>
 </section>
+<div class="feedback-container">
+  <textarea placeholder="Leave your feedback..." bind:value={feedbackMessage} rows="3"></textarea>
+  <button on:click={sendFeedback}>Submit Feedback</button>
+</div>
 
 <style>
   .chat-container {
@@ -167,4 +186,21 @@
     font-size: 16px;
     color: #888888;
   }
+  .feedback-container {
+  display: flex;
+  align-items: center;
+  margin-top: 20px;
+}
+.feedback-container textarea {
+  width: 80%;
+  margin-right: 10px;
+  font-size: 16px;
+  padding: 10px;
+}
+.feedback-container button {
+  width: 15%;
+  height: 50px;
+  font-size: 16px;
+  padding: 5px 10px;
+}
 </style>