Fixed the typing event

Raccoon254 · May 31, 2024 · 9959f1e · 9959f1e
1 parent afd48b8
commit 9959f1e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/app/Livewire/SendMessageInput.php b/app/Livewire/SendMessageInput.php
@@ -26,6 +26,11 @@ public function mount($selectedUser): void
         $this->loggedInUser = Auth::user();
     }
 
+    public function updating($newMessage): void
+    {
+        $this->dispatch('typing', ['isTyping' => !empty($newMessage)]);
+    }
+
     public function removeAttachment($name): void
     {
         $this->attachments = $this->attachments->filter(function ($attachment) use ($name) {

diff --git a/resources/views/livewire/send-message-input.blade.php b/resources/views/livewire/send-message-input.blade.php
@@ -98,6 +98,11 @@ function sendMessage() {
         }
     }
 
+    //'typing', ['isTyping' => !empty($newMessage)]);
+    Livewire.on('typing', (isTyping) => {
+        socket.emit('typing', { isTyping, from: authUser.name, to: receiver.name });
+    });
+
     Livewire.on('messagesSent', () => {
         document.getElementById('messageInput').value = '';
     });