mirror of
https://github.com/sct/overseerr.git
synced 2025-09-17 17:24:35 +02:00
feat(lang): add i18n strings for new about page
This commit is contained in:
@@ -4,9 +4,20 @@ import Error from '../../../pages/_error';
|
|||||||
import List from '../../Common/List';
|
import List from '../../Common/List';
|
||||||
import LoadingSpinner from '../../Common/LoadingSpinner';
|
import LoadingSpinner from '../../Common/LoadingSpinner';
|
||||||
import { SettingsAboutResponse } from '../../../../server/interfaces/api/settingsInterfaces';
|
import { SettingsAboutResponse } from '../../../../server/interfaces/api/settingsInterfaces';
|
||||||
import { FormattedNumber } from 'react-intl';
|
import { defineMessages, FormattedNumber, useIntl } from 'react-intl';
|
||||||
|
|
||||||
|
const messages = defineMessages({
|
||||||
|
overseerrinformation: 'Overseerr Information',
|
||||||
|
version: 'Version',
|
||||||
|
totalmedia: 'Total Media',
|
||||||
|
totalrequests: 'Total Requests',
|
||||||
|
gettingsupport: 'Getting Support',
|
||||||
|
githubdiscussions: 'GitHub Discussions',
|
||||||
|
clickheretojoindiscord: 'Click here to join our Discord server.',
|
||||||
|
});
|
||||||
|
|
||||||
const SettingsAbout: React.FC = () => {
|
const SettingsAbout: React.FC = () => {
|
||||||
|
const intl = useIntl();
|
||||||
const { data, error } = useSWR<SettingsAboutResponse>(
|
const { data, error } = useSWR<SettingsAboutResponse>(
|
||||||
'/api/v1/settings/about'
|
'/api/v1/settings/about'
|
||||||
);
|
);
|
||||||
@@ -26,19 +37,21 @@ const SettingsAbout: React.FC = () => {
|
|||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="mb-8">
|
<div className="mb-8">
|
||||||
<List title="Overseerr Information">
|
<List title={intl.formatMessage(messages.overseerrinformation)}>
|
||||||
<List.Item title="Version">{data.version}</List.Item>
|
<List.Item title={intl.formatMessage(messages.version)}>
|
||||||
<List.Item title="Total Media">
|
{data.version}
|
||||||
|
</List.Item>
|
||||||
|
<List.Item title={intl.formatMessage(messages.totalmedia)}>
|
||||||
<FormattedNumber value={data.totalMediaItems} />
|
<FormattedNumber value={data.totalMediaItems} />
|
||||||
</List.Item>
|
</List.Item>
|
||||||
<List.Item title="Total Requests">
|
<List.Item title={intl.formatMessage(messages.totalrequests)}>
|
||||||
<FormattedNumber value={data.totalRequests} />
|
<FormattedNumber value={data.totalRequests} />
|
||||||
</List.Item>
|
</List.Item>
|
||||||
</List>
|
</List>
|
||||||
</div>
|
</div>
|
||||||
<div className="mb-8">
|
<div className="mb-8">
|
||||||
<List title="Getting Support">
|
<List title={intl.formatMessage(messages.gettingsupport)}>
|
||||||
<List.Item title="GitHub Discussions">
|
<List.Item title={intl.formatMessage(messages.githubdiscussions)}>
|
||||||
<a
|
<a
|
||||||
href="https://github.com/sct/overseerr/discussions"
|
href="https://github.com/sct/overseerr/discussions"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
@@ -55,7 +68,7 @@ const SettingsAbout: React.FC = () => {
|
|||||||
rel="noreferrer"
|
rel="noreferrer"
|
||||||
className="text-indigo-500 hover:underline"
|
className="text-indigo-500 hover:underline"
|
||||||
>
|
>
|
||||||
Click here to join our Discord server.
|
{intl.formatMessage(messages.clickheretojoindiscord)}
|
||||||
</a>
|
</a>
|
||||||
</List.Item>
|
</List.Item>
|
||||||
</List>
|
</List>
|
||||||
|
@@ -139,6 +139,13 @@
|
|||||||
"components.Settings.RadarrModal.validationPortRequired": "You must provide a port",
|
"components.Settings.RadarrModal.validationPortRequired": "You must provide a port",
|
||||||
"components.Settings.RadarrModal.validationProfileRequired": "You must select a profile",
|
"components.Settings.RadarrModal.validationProfileRequired": "You must select a profile",
|
||||||
"components.Settings.RadarrModal.validationRootFolderRequired": "You must select a root folder",
|
"components.Settings.RadarrModal.validationRootFolderRequired": "You must select a root folder",
|
||||||
|
"components.Settings.SettingsAbout.clickheretojoindiscord": "Click here to join our Discord server.",
|
||||||
|
"components.Settings.SettingsAbout.gettingsupport": "Getting Support",
|
||||||
|
"components.Settings.SettingsAbout.githubdiscussions": "GitHub Discussions",
|
||||||
|
"components.Settings.SettingsAbout.overseerrinformation": "Overseerr Information",
|
||||||
|
"components.Settings.SettingsAbout.totalmedia": "Total Media",
|
||||||
|
"components.Settings.SettingsAbout.totalrequests": "Total Requests",
|
||||||
|
"components.Settings.SettingsAbout.version": "Version",
|
||||||
"components.Settings.SonarrModal.add": "Add Server",
|
"components.Settings.SonarrModal.add": "Add Server",
|
||||||
"components.Settings.SonarrModal.apiKey": "API Key",
|
"components.Settings.SonarrModal.apiKey": "API Key",
|
||||||
"components.Settings.SonarrModal.apiKeyPlaceholder": "Your Sonarr API Key",
|
"components.Settings.SonarrModal.apiKeyPlaceholder": "Your Sonarr API Key",
|
||||||
|
Reference in New Issue
Block a user