added Support for Jellyfin Media Server

src/components/UserProfile/UserSettings/UserGeneralSettings/index.tsx

@@ -7,6 +7,7 @@ import { defineMessages, useIntl } from 'react-intl';
 import { useToasts } from 'react-toast-notifications';
 import useSWR from 'swr';
 import * as Yup from 'yup';
+import { MediaServerType } from '../../../../../server/constants/server';
 import { UserSettingsGeneralResponse } from '../../../../../server/interfaces/api/userSettingsInterfaces';
 import {
   availableLanguages,
@@ -29,6 +30,9 @@ const messages = defineMessages({
   general: 'General',
   generalsettings: 'General Settings',
   displayName: 'Display Name',
+  save: 'Save Changes',
+  saving: 'Saving…',
+  mediaServerUser: '{mediaServerName} User',
   accounttype: 'Account Type',
   plexuser: 'Plex User',
   localuser: 'Local User',
@@ -55,6 +59,7 @@ const messages = defineMessages({
 
 const UserGeneralSettings: React.FC = () => {
   const intl = useIntl();
+  const settings = useSettings();
   const { addToast } = useToasts();
   const { locale, setLocale } = useLocale();
   const [movieQuotaEnabled, setMovieQuotaEnabled] = useState(false);
@@ -184,11 +189,17 @@ const UserGeneralSettings: React.FC = () => {
                   <div className="flex max-w-lg items-center">
                     {user?.userType === UserType.PLEX ? (
                       <Badge badgeType="warning">
-                        {intl.formatMessage(messages.plexuser)}
+                        {intl.formatMessage(messages.localuser)}
                       </Badge>
                     ) : (
                       <Badge badgeType="default">
-                        {intl.formatMessage(messages.localuser)}
+                        {intl.formatMessage(messages.mediaServerUser, {
+                          mediaServerName:
+                            settings.currentSettings.mediaServerType ===
+                            MediaServerType.PLEX
+                              ? 'Plex'
+                              : 'Jellyfin',
+                        })}
                       </Badge>
                     )}
                   </div>