From e83a26d45545a403d6337092215d93fd6277d429 Mon Sep 17 00:00:00 2001
From: Lion Arar <lion@targointernet.com>
Date: Fri, 26 Sep 2025 13:48:14 -0400
Subject: [PATCH] feat: modified how the message is sent. Took out the
 handleEnter function since it wasnt needed.

---
 src/css/quasar.variables.scss                 |  1 +
 .../chatbot/components/conversation-box.vue   | 24 +++++++++----------
 .../chatbot/components/dialogue-phrase.vue    |  7 ++++--
 3 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss
index 4279286..20dd6e6 100644
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
@@ -28,3 +28,4 @@ $negative: #e6364b;
 $info: #6bb9e7;
 $warning: #e4a944;
 $white: white;
+
diff --git a/src/modules/chatbot/components/conversation-box.vue b/src/modules/chatbot/components/conversation-box.vue
index 4e45e65..927db86 100644
--- a/src/modules/chatbot/components/conversation-box.vue
+++ b/src/modules/chatbot/components/conversation-box.vue
@@ -27,14 +27,14 @@ const sendMessage = async () => {
   text.value = '';
 }
 
-const handleEnter = async (e: KeyboardEvent) => {
-  if (e.shiftKey) {
-    text.value += '\n';
-  } else {
-    e.preventDefault();
-    await sendMessage();
-  }
-};
+// const handleEnter = async (e: KeyboardEvent) => {
+//   if (e.shiftKey) {
+//     text.value += '\n';
+//   } else {
+//     e.preventDefault();
+//     await sendMessage();
+//   }
+// };
 </script>
 
 <template>
@@ -44,12 +44,12 @@ const handleEnter = async (e: KeyboardEvent) => {
       <div class="chat-body">
         <DialogueContent :messages="messages"></DialogueContent>
       </div>
-      <q-form @submit="sendMessage" class="row chat-footer">
+      <q-form class="row chat-footer">
         <q-input v-model="text" label="Enter a Message" autogrow class="col" style="margin-right: 5px;"
-          @keydown.enter="handleEnter" />
-        <q-btn type="submit" :ripple="{ center: true }" color="primary" glossy label="Send"
+          @keydown.enter="sendMessage" />
+        <!-- <q-btn type="submit" :ripple="{ center: true }" color="primary" glossy label="Send"
           style="align-self: flex-end; width:60px; height:45px; margin-top: 8px; font-size: 14px;" class="col-2">
-        </q-btn>
+        </q-btn> -->
       </q-form>
     </div>
   </transition>
diff --git a/src/modules/chatbot/components/dialogue-phrase.vue b/src/modules/chatbot/components/dialogue-phrase.vue
index 47ac214..4b52bdc 100644
--- a/src/modules/chatbot/components/dialogue-phrase.vue
+++ b/src/modules/chatbot/components/dialogue-phrase.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 
+
 defineProps<{
     text: string;
     sent: boolean;
@@ -7,6 +8,8 @@ defineProps<{
 </script>
 
 <template>
-    <q-chat-message :sent="sent" :text="[text]">
+    <q-chat-message :sent="sent" :text="[text]" :bg-color="!sent ? 'secondary' : 'accent'">
     </q-chat-message>
-</template>
\ No newline at end of file
+</template>
+
+<style></style>
\ No newline at end of file