feat(ui): add emby user badge to the userProfile

adds emby user badge to the userProfile general page
This commit is contained in:
Fallenbagel
2022-05-30 00:21:04 +05:00
parent 722dda5856
commit b9546e6daa

View File

@@ -7,7 +7,6 @@ import { defineMessages, useIntl } from 'react-intl';
import { useToasts } from 'react-toast-notifications'; import { useToasts } from 'react-toast-notifications';
import useSWR from 'swr'; import useSWR from 'swr';
import * as Yup from 'yup'; import * as Yup from 'yup';
import { MediaServerType } from '../../../../../server/constants/server';
import { UserSettingsGeneralResponse } from '../../../../../server/interfaces/api/userSettingsInterfaces'; import { UserSettingsGeneralResponse } from '../../../../../server/interfaces/api/userSettingsInterfaces';
import { import {
availableLanguages, availableLanguages,
@@ -25,6 +24,7 @@ import PageTitle from '../../../Common/PageTitle';
import LanguageSelector from '../../../LanguageSelector'; import LanguageSelector from '../../../LanguageSelector';
import QuotaSelector from '../../../QuotaSelector'; import QuotaSelector from '../../../QuotaSelector';
import RegionSelector from '../../../RegionSelector'; import RegionSelector from '../../../RegionSelector';
import getConfig from 'next/config';
const messages = defineMessages({ const messages = defineMessages({
general: 'General', general: 'General',
@@ -59,7 +59,7 @@ const messages = defineMessages({
const UserGeneralSettings: React.FC = () => { const UserGeneralSettings: React.FC = () => {
const intl = useIntl(); const intl = useIntl();
const settings = useSettings(); const { publicRuntimeConfig } = getConfig();
const { addToast } = useToasts(); const { addToast } = useToasts();
const { locale, setLocale } = useLocale(); const { locale, setLocale } = useLocale();
const [movieQuotaEnabled, setMovieQuotaEnabled] = useState(false); const [movieQuotaEnabled, setMovieQuotaEnabled] = useState(false);
@@ -189,19 +189,25 @@ const UserGeneralSettings: React.FC = () => {
<div className="flex max-w-lg items-center"> <div className="flex max-w-lg items-center">
{user?.userType === UserType.PLEX ? ( {user?.userType === UserType.PLEX ? (
<Badge badgeType="warning"> <Badge badgeType="warning">
{intl.formatMessage(messages.plexuser)}
</Badge>
) : user?.userType === UserType.LOCAL ? (
<Badge badgeType="default">
{intl.formatMessage(messages.localuser)} {intl.formatMessage(messages.localuser)}
</Badge> </Badge>
) : ( ) : publicRuntimeConfig.JELLYFIN_TYPE == 'emby' ? (
<Badge badgeType="default"> <Badge badgeType="success">
{intl.formatMessage(messages.mediaServerUser, { {intl.formatMessage(messages.mediaServerUser, {
mediaServerName: mediaServerName: 'Emby',
settings.currentSettings.mediaServerType ===
MediaServerType.PLEX
? 'Plex'
: 'Jellyfin',
})} })}
</Badge> </Badge>
)} ) : user?.userType === UserType.JELLYFIN ? (
<Badge badgeType="default">
{intl.formatMessage(messages.mediaServerUser, {
mediaServerName: 'Jellyfin',
})}
</Badge>
) : null}
</div> </div>
</div> </div>
</div> </div>