From 85a736dff40a1e6160dde5dbd4fbd54ebd6839b7 Mon Sep 17 00:00:00 2001
From: Dimitrie Stefanescu <didimitrie@gmail.com>
Date: Mon, 20 Jun 2022 13:28:09 +0100
Subject: [PATCH] fix(frontend): toggles emoji off if typing in new comment

---
 .../src/main/components/viewer/CommentAddOverlay.vue      | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/frontend/src/main/components/viewer/CommentAddOverlay.vue b/packages/frontend/src/main/components/viewer/CommentAddOverlay.vue
index d5238f539..652c0c0c6 100644
--- a/packages/frontend/src/main/components/viewer/CommentAddOverlay.vue
+++ b/packages/frontend/src/main/components/viewer/CommentAddOverlay.vue
@@ -56,6 +56,7 @@
               >
                 <template v-for="reaction in $store.state.commentReactions">
                   <v-btn
+                    v-show="commentIsEmptyOrNull"
                     :key="reaction"
                     class="mr-2"
                     fab
@@ -148,6 +149,7 @@
             </v-btn>
             <template v-for="reaction in $store.state.commentReactions">
               <v-btn
+                v-show="commentIsEmptyOrNull"
                 :key="reaction"
                 class="mr-2"
                 fab
@@ -201,6 +203,7 @@ import { getCamArray } from './viewerFrontendHelpers'
 import CommentEditor from '@/main/components/comments/CommentEditor.vue'
 import {
   basicStringToDocument,
+  documentToBasicString,
   isDocEmpty
 } from '@/main/lib/common/text-editor/documentHelper'
 import {
@@ -256,6 +259,11 @@ export default {
   computed: {
     canComment() {
       return !!this.stream?.role || this.stream?.allowPublicComments
+    },
+    commentIsEmptyOrNull() {
+      if (!this.commentText) return true
+      const res = documentToBasicString(this.commentText)
+      return res === ''
     }
   },
   mounted() {