From 8cff52ac326c48ee6af46d82d89fe096c1a04d6b Mon Sep 17 00:00:00 2001
From: Zero <zero@cock.li>
Date: Thu, 1 Dec 2022 15:59:12 -0500
Subject: [PATCH] Revert "Add a super basic keep reaction open button"

This reverts commit d8ec9f596d6aef56ee428c52ae3fa07eafbe2259.
---
 src/components/react_button/react_button.js  | 14 ++++----------
 src/components/react_button/react_button.vue | 18 ++----------------
 2 files changed, 6 insertions(+), 26 deletions(-)

diff --git a/src/components/react_button/react_button.js b/src/components/react_button/react_button.js
index 3ef5dccf..2b1b4cc1 100644
--- a/src/components/react_button/react_button.js
+++ b/src/components/react_button/react_button.js
@@ -1,4 +1,3 @@
-import Checkbox from '../checkbox/checkbox.vue'
 import Popover from '../popover/popover.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faSmileBeam } from '@fortawesome/free-regular-svg-icons'
@@ -9,26 +8,21 @@ const ReactButton = {
   props: ['status'],
   data () {
     return {
-      filterWord: '',
-      keepReactOpen: false
+      filterWord: ''
     }
   },
   components: {
-    Popover,
-    Checkbox
+    Popover
   },
   methods: {
-    addReaction (event, emoji, close, keepReactOpen) {
+    addReaction (event, emoji, close) {
       const existingReaction = this.status.emoji_reactions.find(r => r.name === emoji)
       if (existingReaction && existingReaction.me) {
         this.$store.dispatch('unreactWithEmoji', { id: this.status.id, emoji })
       } else {
         this.$store.dispatch('reactWithEmoji', { id: this.status.id, emoji })
       }
-      this.keepReactOpen = keepReactOpen
-      if (!keepReactOpen) {
-        close()
-      }
+      close()
     },
     focusInput () {
       this.$nextTick(() => {
diff --git a/src/components/react_button/react_button.vue b/src/components/react_button/react_button.vue
index c057fbd9..ffef82bf 100644
--- a/src/components/react_button/react_button.vue
+++ b/src/components/react_button/react_button.vue
@@ -16,18 +16,13 @@
           :placeholder="$t('emoji.search_emoji')"
         >
       </div>
-      <div class="keep-open">
-        <Checkbox v-model="keepReactOpen">
-          {{ $t('emoji.keep_open') }}
-        </Checkbox>
-      </div>
       <div class="reaction-picker">
         <span
           v-for="emoji in commonEmojis"
           :key="emoji.replacement"
           class="emoji-button"
           :title="emoji.displayText"
-          @click="addReaction($event, emoji.replacement, close, keepReactOpen)"
+          @click="addReaction($event, emoji.replacement, close)"
         >
           {{ emoji.replacement }}
         </span>
@@ -37,7 +32,7 @@
           :key="key"
           class="emoji-button"
           :title="emoji.displayText"
-          @click="addReaction($event, emoji.replacement, close, keepReactOpen)"
+          @click="addReaction($event, emoji.replacement, close)"
         >
           <img
             v-if="emoji.imageUrl !== false"
@@ -141,15 +136,6 @@
       color: var(--text, $fallback--text);
     }
   }
-  .keep-open,
-  .too-many-emoji {
-    padding: 7px;
-    line-height: normal;
-  }
-  .keep-open-label {
-    padding: 0 7px;
-    display: flex;
-  }
 }
 
 </style>