fixed hideISP

src/App.js

@@ -150,13 +150,6 @@ export default {
     shout() {
       return useShoutStore().joined
     },
-    showInstanceSpecificPanel() {
-      return (
-        this.showInstanceSpecificPanel &&
-        !this.$store.getters.mergedConfig.hideISP &&
-        this.instanceSpecificPanelContent
-      )
-    },
     isChats() {
       return this.$route.name === 'chat' || this.$route.name === 'chats'
     },
@@ -197,6 +190,12 @@ export default {
     scrollParent() {
       return window /* this.$refs.appContentRef */
     },
+    showInstanceSpecificPanel() {
+      return (
+        this.instanceSpecificPanelPresent &&
+        !this.$store.getters.mergedConfig.hideISP
+      )
+    },
     ...mapGetters(['mergedConfig']),
     ...mapState(useInterfaceStore, [
       'themeApplied',
@@ -211,9 +210,8 @@ export default {
     ...mapState(useInstanceStore, {
       background: (store) => store.instanceIdentity.background,
       showFeaturesPanel: (store) => store.instanceIdentity.showFeaturesPanel,
-      showInstanceSpecificPanel: (store) =>
+      instanceSpecificPanelPresent: (store) =>
-        store.instanceIdentity.showInstanceSpecificPanel,
+        store.instanceIdentity.showInstanceSpecificPanel &&
-      instanceSpecificPanelContent: (store) =>
         store.instanceIdentity.instanceSpecificPanelContent,
     }),
   },

src/components/settings_modal/tabs/clutter_tab.js

@@ -10,6 +10,7 @@ import IntegerSetting from '../helpers/integer_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import UnitSetting from '../helpers/unit_setting.vue'
 
+import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 
@@ -26,6 +27,12 @@ const ClutterTab = {
   computed: {
     ...SharedComputedObject(),
     ...mapState(useInstanceCapabilitiesStore, ['shoutAvailable']),
+    ...mapState(useInstanceStore, {
+      showFeaturesPanel: (store) => store.instanceIdentity.showFeaturesPanel,
+      instanceSpecificPanelPresent: (store) =>
+        store.instanceIdentity.showInstanceSpecificPanel &&
+        store.instanceIdentity.instanceSpecificPanelContent,
+    }),
     ...mapState(useServerSideStorageStore, {
       muteFilters: (store) =>
         Object.entries(store.prefsStorage.simple.muteFilters),

src/components/settings_modal/tabs/clutter_tab.vue

@@ -45,6 +45,11 @@
                 {{ $t('settings.hide_scrobbles_after') }}
               </UnitSetting>
             </li>
+            <li v-if="instanceSpecificPanelPresent">
+              <BooleanSetting path="hideISP">
+                {{ $t('settings.hide_isp') }}
+              </BooleanSetting>
+            </li>
           </ul>
         </li>
       </ul>

src/components/settings_modal/tabs/layout_tab.js

@@ -28,7 +28,6 @@ const GeneralTab = {
   },
   computed: {
     ...mapState(useInstanceCapabilitiesStore, [
-      'instanceSpecificPanelPresent',
       'postFormats',
       'suggestionsEnabled',
     ]),

src/components/settings_modal/tabs/layout_tab.vue

@@ -69,11 +69,6 @@
             {{ $t('settings.show_scrollbars') }}
           </BooleanSetting>
         </li>
-        <li v-if="instanceSpecificPanelPresent">
-          <BooleanSetting path="hideISP">
-            {{ $t('settings.hide_isp') }}
-          </BooleanSetting>
-        </li>
         <li>
           <UnitSetting
             path="panelHeaderSize"

src/modules/statuses.js

@@ -15,8 +15,8 @@ import {
 
 import apiService from '../services/api/api.service.js'
 
-import { useInterfaceStore } from 'src/stores/interface.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 const emptyTl = (userId = 0) => ({
   statuses: [],
@@ -115,7 +115,8 @@ const sortTimeline = (timeline) => {
 }
 
 const getLatestScrobble = (state, user) => {
-  const scrobblesSupport = useInstanceCapabilitiesStore().pleromaScrobblesAvailable
+  const scrobblesSupport =
+    useInstanceCapabilitiesStore().pleromaScrobblesAvailable
 
   if (!scrobblesSupport || !user.name || user.id === 'undefined') {
     return