From 2a5932cf1b20e8b31f0a640afa6f45dad1475ea3 Mon Sep 17 00:00:00 2001
From: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com>
Date: Wed, 1 Dec 2021 16:04:02 +0530
Subject: [PATCH] chore: Fixes error in reply box code (#3494)

---
 .../widgets/conversation/MoreActions.vue          | 15 +++++++++------
 .../components/widgets/conversation/ReplyBox.vue  |  1 -
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/app/javascript/dashboard/components/widgets/conversation/MoreActions.vue b/app/javascript/dashboard/components/widgets/conversation/MoreActions.vue
index f5db4bff7..8882f7919 100644
--- a/app/javascript/dashboard/components/widgets/conversation/MoreActions.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/MoreActions.vue
@@ -3,20 +3,26 @@
     <woot-button
       v-if="!currentChat.muted"
       v-tooltip="$t('CONTACT_PANEL.MUTE_CONTACT')"
-      class="hollow secondary actions--button"
+      variant="smooth"
+      size="small"
+      color-scheme="secondary"
       icon="speaker-mute"
       @click="mute"
     />
     <woot-button
       v-else
       v-tooltip.left="$t('CONTACT_PANEL.UNMUTE_CONTACT')"
-      class="hollow secondary actions--button"
+      variant="smooth"
+      size="small"
+      color-scheme="secondary"
       icon="speaker-1"
       @click="unmute"
     />
     <woot-button
       v-tooltip="$t('CONTACT_PANEL.SEND_TRANSCRIPT')"
-      class="hollow secondary actions--button"
+      variant="smooth"
+      size="small"
+      color-scheme="secondary"
       icon="share"
       @click="toggleEmailActionsModal"
     />
@@ -89,10 +95,7 @@ export default {
   align-items: center;
 
   .button {
-    font-size: var(--font-size-large);
     margin-right: var(--space-small);
-    border-color: var(--color-border);
-    color: var(--s-400);
   }
 }
 
diff --git a/app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue b/app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue
index 8b7b68069..952b81bbc 100644
--- a/app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue
@@ -51,7 +51,6 @@
         @toggle-user-mention="toggleUserMention"
         @toggle-canned-menu="toggleCannedMenu"
       />
-      <h1>{{ message }}</h1>
     </div>
     <div v-if="hasAttachments" class="attachment-preview-box" @paste="onPaste">
       <attachment-preview