From d8b070847c1499f6528b474a08e3c4489482a670 Mon Sep 17 00:00:00 2001
From: Chizu <chizu@youjo.love>
Date: Sun, 19 Mar 2023 19:15:18 +0900
Subject: [PATCH] Add feature panel listing

---
 src/boot/after_store.js                          | 1 +
 src/components/features_panel/features_panel.js  | 1 +
 src/components/features_panel/features_panel.vue | 3 +++
 src/i18n/en.json                                 | 1 +
 4 files changed, 6 insertions(+)

diff --git a/src/boot/after_store.js b/src/boot/after_store.js
index 61218316..56b53f98 100644
--- a/src/boot/after_store.js
+++ b/src/boot/after_store.js
@@ -287,6 +287,7 @@ const getNodeInfo = async ({ store }) => {
       store.dispatch('setInstanceOption', { name: 'quotePosting', value: features.includes('quote_posting') })
       store.dispatch('setInstanceOption', { name: 'customEmojiReactions', value: features.includes('custom_emoji_reactions') })
       store.dispatch('setInstanceOption', { name: 'bubbleTimeline', value: features.includes('bubble_timeline') })
+      store.dispatch('setInstanceOption', { name: 'profileCustomisation', value: features.includes('profile_customisation') })
 
       const uploadLimits = metadata.uploadLimits
       store.dispatch('setInstanceOption', { name: 'uploadlimit', value: parseInt(uploadLimits.general) })
diff --git a/src/components/features_panel/features_panel.js b/src/components/features_panel/features_panel.js
index 37225bda..4824e945 100644
--- a/src/components/features_panel/features_panel.js
+++ b/src/components/features_panel/features_panel.js
@@ -5,6 +5,7 @@ const FeaturesPanel = {
     shout: function () { return this.$store.state.instance.shoutAvailable },
     bubbleTimeline: function () { return this.$store.state.instance.bubbleTimeline },
     pleromaChatMessages: function () { return this.$store.state.instance.pleromaChatMessagesAvailable },
+    profileCustomisation: function () { return this.$store.state.instance.profileCustomisation },
     customEmojiReactions: function () { return this.$store.state.instance.customEmojiReactions },
     gopher: function () { return this.$store.state.instance.gopherAvailable },
     translationEnabled: function () { return this.$store.state.instance.translationEnabled },
diff --git a/src/components/features_panel/features_panel.vue b/src/components/features_panel/features_panel.vue
index 857ea4d5..595903f7 100644
--- a/src/components/features_panel/features_panel.vue
+++ b/src/components/features_panel/features_panel.vue
@@ -17,6 +17,9 @@
           <li v-if="pleromaChatMessages">
             {{ $t('features_panel.pleroma_chat_messages') }}
           </li>
+          <li v-if="profileCustomisation">
+            {{ $t('features_panel.profile_customisation') }}
+          </li>
           <li v-if="customEmojiReactions">
             {{ $t('features_panel.custom_emoji_reactions') }}
           </li>
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 7a5556b8..275e7bc6 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -105,6 +105,7 @@
     "features_panel": {
         "shout": "Shoutbox",
         "pleroma_chat_messages": "Pleroma Chat",
+        "profile_customisation": "Profile Customisation",
         "custom_emoji_reactions": "Custom emoji reactions",
         "quote_posting": "Quote boosts",
         "bubble_timeline": "Bubble Timeline",