989af67c0a
* refactor: update Next.js and React.js * refactor: update Next.js images * refactor: update ESLint rules and fix warnings/errors * fix: remove old intl polyfill * fix: add proper size to next/image components * fix: adjust full-size for next/image components * fix: temporary allow all domains for image optimization * build: fixes an issue where dev env could lead to javascript heap out of memory * fix: resolve webpack cache issue with country-flag-icons * refactor: switch compiler from Babel to SWC * fix: resize logo in sidebar * fix: break word on long path to avoid text overflow * chore: added sharp for production image optimisation * fix: change extract script for i18n to a custom script * fix: resolve GitHub CodeQL alert * chore: temporarily remove builds for ARMv7 * fix: resize avatar images * refactor: update Node.js to v20 * fix: resolve various UI issues * build: migrate yarn to pnpm and restrict engine to node@^20.0.0 * ci: specify the pnpm version to use in workflow actions * ci: fix typo in pnpm action-setup for cypress workflow * test(cypress): use pnpm instead of yarn * style: ran prettier on pnpm-lock * ci(cypress): setup nodejs v20 in cypress workflow * ci: pnpm cache to reduce install time * ci: use sh shell to get pnpm store directory * build(dockerfile): migrate to pnpm from yarn in docker builds * build(dockerfile): copy the proper pnpm lockfile * build: install pnpm for all platforms * build(dockerfile): remove unnecessary `&&` on apk installation steps * build: migrate pnpm 8 to 9 * build(dockerfile): add node-gyp back in * build(dockerfile): install node-gyp through npm * build(dockerfile): ignore scripts to not run husky install when devdependencies are pruned * build: migrate to pnpm from yarn * chore: remove a section that is no longer relevant --------- Co-authored-by: fallenbagel <98979876+Fallenbagel@users.noreply.github.com>
56 lines
1.7 KiB
TypeScript
56 lines
1.7 KiB
TypeScript
import Badge from '@app/components/Common/Badge';
|
|
import Tooltip from '@app/components/Common/Tooltip';
|
|
import globalMessages from '@app/i18n/globalMessages';
|
|
import defineMessages from '@app/utils/defineMessages';
|
|
import { useIntl } from 'react-intl';
|
|
|
|
const messages = defineMessages('components.Settings', {
|
|
advancedTooltip:
|
|
'Incorrectly configuring this setting may result in broken functionality',
|
|
experimentalTooltip:
|
|
'Enabling this setting may result in unexpected application behavior',
|
|
restartrequiredTooltip:
|
|
'Jellyseerr must be restarted for changes to this setting to take effect',
|
|
});
|
|
|
|
const SettingsBadge = ({
|
|
badgeType,
|
|
className,
|
|
}: {
|
|
badgeType: 'advanced' | 'experimental' | 'restartRequired';
|
|
className?: string;
|
|
}) => {
|
|
const intl = useIntl();
|
|
|
|
switch (badgeType) {
|
|
case 'advanced':
|
|
return (
|
|
<Tooltip content={intl.formatMessage(messages.advancedTooltip)}>
|
|
<Badge badgeType="danger" className={className}>
|
|
{intl.formatMessage(globalMessages.advanced)}
|
|
</Badge>
|
|
</Tooltip>
|
|
);
|
|
case 'experimental':
|
|
return (
|
|
<Tooltip content={intl.formatMessage(messages.experimentalTooltip)}>
|
|
<Badge badgeType="warning">
|
|
{intl.formatMessage(globalMessages.experimental)}
|
|
</Badge>
|
|
</Tooltip>
|
|
);
|
|
case 'restartRequired':
|
|
return (
|
|
<Tooltip content={intl.formatMessage(messages.restartrequiredTooltip)}>
|
|
<Badge badgeType="primary" className={className}>
|
|
{intl.formatMessage(globalMessages.restartRequired)}
|
|
</Badge>
|
|
</Tooltip>
|
|
);
|
|
default:
|
|
return null;
|
|
}
|
|
};
|
|
|
|
export default SettingsBadge;
|