From a0cf440faca76263ec74f90af88a40525ba782ed Mon Sep 17 00:00:00 2001
From: Absturztaube <me@absturztaube.ch>
Date: Sat, 7 Aug 2021 15:01:13 +0200
Subject: [PATCH] swap of react and fav

---
 README.md                                          | 1 +
 src/components/settings_modal/tabs/general_tab.vue | 5 +++++
 src/components/status/status.js                    | 3 +++
 src/components/status/status.vue                   | 6 +++++-
 src/i18n/en.json                                   | 1 +
 src/modules/config.js                              | 1 +
 6 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index a5bbca22..602f2cdd 100644
--- a/README.md
+++ b/README.md
@@ -14,6 +14,7 @@
 * optional compact styles provided by craftplacer
 * tags as buttons bellow a post
 * [pinch and pan media](https://git.pleroma.social/pleroma/pleroma-fe/-/merge_requests/1403)
+* swap of react and favorite button in status
 
 # For Translators
 
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index f81451c6..9c8a3189 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -147,6 +147,11 @@
             {{ $t('settings.pad_emoji') }}
           </BooleanSetting>
         </li>
+        <li>
+          <BooleanSetting path="swapReacts">
+            {{ $t('settings.swap_reacts') }}
+          </BooleanSetting>
+        </li>
       </ul>
     </div>
 
diff --git a/src/components/status/status.js b/src/components/status/status.js
index 470c01f1..8ebdad31 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -96,6 +96,9 @@ const Status = {
     }
   },
   computed: {
+    swapReacts () {
+      return this.mergedConfig.swapReacts
+    },
     muteWords () {
       return this.mergedConfig.muteWords
     },
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 00e962f3..204b74f4 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -351,12 +351,16 @@
               :logged-in="loggedIn"
               :status="status"
             />
+            <ReactButton
+              v-if="swapReacts && loggedIn"
+              :status="status"
+            />
             <favorite-button
               :logged-in="loggedIn"
               :status="status"
             />
             <ReactButton
-              v-if="loggedIn"
+              v-if="!swapReacts && loggedIn"
               :status="status"
             />
             <extra-buttons
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 8b84bd59..31e7bd68 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -328,6 +328,7 @@
     "domain_mutes": "Domains",
     "avatar_size_instruction": "The recommended minimum size for avatar images is 150x150 pixels.",
     "pad_emoji": "Pad emoji with spaces when adding from picker",
+    "swap_reacts": "Swap Reactions with Favorite Button",
     "emoji_reactions_on_timeline": "Show emoji reactions on timeline",
     "export_theme": "Save preset",
     "filtering": "Filtering",
diff --git a/src/modules/config.js b/src/modules/config.js
index ef2bb586..6608457d 100644
--- a/src/modules/config.js
+++ b/src/modules/config.js
@@ -29,6 +29,7 @@ export const defaultState = {
   hideMutedPosts: undefined, // instance default
   collapseMessageWithSubject: undefined, // instance default
   padEmoji: true,
+  swapReacts: true,
   hideAttachments: false,
   hideAttachmentsInConv: false,
   maxThumbnails: 16,