-mockup widgetchat coletely

ng-ttc-frontend/src/app/component/chat-widget-component/chat-widget-component.ts

@@ -8,8 +8,8 @@ import { Component, HostListener } from '@angular/core';
   styleUrl: './chat-widget-component.css',
 })
 export class ChatWidgetComponent {
-  isOpen = true;
-  newMessage = '';
+  isOpen = false;
+  // newMessage = '';
   chatForm!: FormGroup;
 
   // State สำหรับจัดการขนาด
@@ -53,9 +53,10 @@ export class ChatWidgetComponent {
   }
 
   sendMessage() {
-    if (this.newMessage.trim()) {
-      this.messages.push({ text: this.newMessage, isUser: true });
-      this.newMessage = '';
+    let newMessage = this.chatForm.get('message')?.value;
+    if (newMessage.trim()) {
+      this.messages.push({ text: newMessage, isUser: true });
+      newMessage = '';
       setTimeout(() => {
         this.messages.push({
           text: 'รับทราบครับ ระบบกำลังประมวลผล...',