From aa71b3e71fdf488c6aaef32081ce136e7b5249d1 Mon Sep 17 00:00:00 2001
From: Brecert <11599528+Brecert@users.noreply.github.com>
Date: Wed, 20 Feb 2019 03:19:41 -0600
Subject: [PATCH 1/2] make typing indicators feel more accurate and reponsive

---
 src/components/app/RightPanel.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/app/RightPanel.vue b/src/components/app/RightPanel.vue
index aadec6d..c1835aa 100644
--- a/src/components/app/RightPanel.vue
+++ b/src/components/app/RightPanel.vue
@@ -19,7 +19,7 @@
     <news v-else />
     <div class="chat-input-area" v-if="selectedChannelID">
       <div class="message-area">
-        <textarea class="chat-input" ref="input-box" placeholder="Message" @keydown="chatInput" @keyup="messageKeyUp" v-model="message"></textarea>
+        <textarea class="chat-input" ref="input-box" placeholder="Message" @keydown="chatInput" @input="messageKeyUp" v-model="message"></textarea>
         <button :class="{'send-button': true, 'error-send-button': messageLength > 5000}" @click="sendMessage">Send</button>
       </div>
       <div class="info">

From e2d749dfc9277fa05a5fb62c8c86bda34581e628 Mon Sep 17 00:00:00 2001
From: Brecert <11599528+Brecert@users.noreply.github.com>
Date: Wed, 20 Feb 2019 03:20:42 -0600
Subject: [PATCH 2/2] rename typing indicator to better reflect new event

---
 src/components/app/RightPanel.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/app/RightPanel.vue b/src/components/app/RightPanel.vue
index c1835aa..7d567dc 100644
--- a/src/components/app/RightPanel.vue
+++ b/src/components/app/RightPanel.vue
@@ -19,7 +19,7 @@
     <news v-else />
     <div class="chat-input-area" v-if="selectedChannelID">
       <div class="message-area">
-        <textarea class="chat-input" ref="input-box" placeholder="Message" @keydown="chatInput" @input="messageKeyUp" v-model="message"></textarea>
+        <textarea class="chat-input" ref="input-box" placeholder="Message" @keydown="chatInput" @input="onInput" v-model="message"></textarea>
         <button :class="{'send-button': true, 'error-send-button': messageLength > 5000}" @click="sendMessage">Send</button>
       </div>
       <div class="info">
@@ -130,7 +130,7 @@ export default {
         await typingService.post(this.selectedChannelID);
       }, 2000);
     },
-    async messageKeyUp(event){
+    async onInput(event){
       this.messageLength = this.message.length;
       const value = event.target.value.trim();
       if (value && this.postTimerID == null) {