swap of react and fav

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
 

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>
 

src/components/status/status.js

@@ -96,6 +96,9 @@ const Status = {
     }
   },
   computed: {
+    swapReacts () {
+      return this.mergedConfig.swapReacts
+    },
     muteWords () {
       return this.mergedConfig.muteWords
     },

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

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",

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,