fix: only show mediaserver settings for current active mediaserver

src/components/Settings/SettingsLayout.tsx

@@ -1,9 +1,11 @@
+import getConfig from 'next/config';
 import React from 'react';
 import { defineMessages, useIntl } from 'react-intl';
+import { MediaServerType } from '../../../server/constants/server';
+import useSettings from '../../hooks/useSettings';
 import globalMessages from '../../i18n/globalMessages';
 import PageTitle from '../Common/PageTitle';
 import SettingsTabs, { SettingsRoute } from '../Common/SettingsTabs';
-import getConfig from 'next/config';
 
 const messages = defineMessages({
   menuGeneralSettings: 'General',
@@ -20,6 +22,7 @@ const messages = defineMessages({
 const SettingsLayout: React.FC = ({ children }) => {
   const intl = useIntl();
   const { publicRuntimeConfig } = getConfig();
+  const settings = useSettings();
   const settingsRoutes: SettingsRoute[] = [
     {
       text: intl.formatMessage(messages.menuGeneralSettings),
@@ -31,13 +34,14 @@ const SettingsLayout: React.FC = ({ children }) => {
       route: '/settings/users',
       regex: /^\/settings\/users/,
     },
-    {
+    settings.currentSettings.mediaServerType === MediaServerType.PLEX
+      ? {
           text: intl.formatMessage(messages.menuPlexSettings),
           route: '/settings/plex',
           regex: /^\/settings\/plex/,
-    },
-    {
-      text: getAvalaibleMediaServerName(),
+        }
+      : {
+          text: getAvailableMediaServerName(),
           route: '/settings/jellyfin',
           regex: /^\/settings\/jellyfin/,
         },
@@ -77,15 +81,10 @@ const SettingsLayout: React.FC = ({ children }) => {
       <div className="mt-10 text-white">{children}</div>
     </>
   );
-  function getAvalaibleMediaServerName() {
-    if (publicRuntimeConfig.JELLYFIN_TYPE === 'emby') {
+  function getAvailableMediaServerName() {
     return intl.formatMessage(messages.menuJellyfinSettings, {
-        mediaServerName: 'Emby',
-      });
-    }
-
-    return intl.formatMessage(messages.menuJellyfinSettings, {
-      mediaServerName: 'Jellyfin',
+      mediaServerName:
+        publicRuntimeConfig.JELLYFIN_TYPE === 'emby' ? 'Emby' : 'Jellyfin',
     });
   }
 };