From b9546e6daa8583c60fac7961447a13715bbc7f6b Mon Sep 17 00:00:00 2001
From: Fallenbagel <98979876+Fallenbagel@users.noreply.github.com>
Date: Mon, 30 May 2022 00:21:04 +0500
Subject: [PATCH] feat(ui): add emby user badge to the userProfile

adds emby user badge to the userProfile general page
---
 .../UserGeneralSettings/index.tsx             | 26 ++++++++++++-------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/components/UserProfile/UserSettings/UserGeneralSettings/index.tsx b/src/components/UserProfile/UserSettings/UserGeneralSettings/index.tsx
index 5bc26c389..ba01428f9 100644
--- a/src/components/UserProfile/UserSettings/UserGeneralSettings/index.tsx
+++ b/src/components/UserProfile/UserSettings/UserGeneralSettings/index.tsx
@@ -7,7 +7,6 @@ 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,
@@ -25,6 +24,7 @@ import PageTitle from '../../../Common/PageTitle';
 import LanguageSelector from '../../../LanguageSelector';
 import QuotaSelector from '../../../QuotaSelector';
 import RegionSelector from '../../../RegionSelector';
+import getConfig from 'next/config';
 
 const messages = defineMessages({
   general: 'General',
@@ -59,7 +59,7 @@ const messages = defineMessages({
 
 const UserGeneralSettings: React.FC = () => {
   const intl = useIntl();
-  const settings = useSettings();
+  const { publicRuntimeConfig } = getConfig();
   const { addToast } = useToasts();
   const { locale, setLocale } = useLocale();
   const [movieQuotaEnabled, setMovieQuotaEnabled] = useState(false);
@@ -189,19 +189,25 @@ const UserGeneralSettings: React.FC = () => {
                   <div className="flex max-w-lg items-center">
                     {user?.userType === UserType.PLEX ? (
                       <Badge badgeType="warning">
+                        {intl.formatMessage(messages.plexuser)}
+                      </Badge>
+                    ) : user?.userType === UserType.LOCAL ? (
+                      <Badge badgeType="default">
                         {intl.formatMessage(messages.localuser)}
                       </Badge>
-                    ) : (
-                      <Badge badgeType="default">
+                    ) : publicRuntimeConfig.JELLYFIN_TYPE == 'emby' ? (
+                      <Badge badgeType="success">
                         {intl.formatMessage(messages.mediaServerUser, {
-                          mediaServerName:
-                            settings.currentSettings.mediaServerType ===
-                            MediaServerType.PLEX
-                              ? 'Plex'
-                              : 'Jellyfin',
+                          mediaServerName: 'Emby',
                         })}
                       </Badge>
-                    )}
+                    ) : user?.userType === UserType.JELLYFIN ? (
+                      <Badge badgeType="default">
+                        {intl.formatMessage(messages.mediaServerUser, {
+                          mediaServerName: 'Jellyfin',
+                        })}
+                      </Badge>
+                    ) : null}
                   </div>
                 </div>
               </div>