Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-10 15:35:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

🚧 wip migrate to next-i18n

Browse Source
This commit is contained in:
Manuel Ruwe
2022-08-22 09:50:54 +02:00
parent ac4dc23e08
commit 6d0a31f79e
61 changed files with 817 additions and 753 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/modules/overseerr/RequestModal.tsx
View File

@@ -3,7 +3,7 @@ import { showNotification, updateNotification } from '@mantine/notifications';
import { IconAlertCircle, IconCheck, IconDownload } from '@tabler/icons';
import axios from 'axios';
import Consola from 'consola';
import { t } from 'i18next';
import { useTranslation } from 'next-i18next';
import { useState } from 'react';
import { useColorTheme } from '../../tools/color';
@@ -28,6 +28,7 @@ const useStyles = createStyles((theme) => ({
export function RequestModal({ base, opened, setOpened }: RequestModalProps) {
const [result, setResult] = useState<MovieResult | TvShowResult>();
const { secondaryColor } = useColorTheme();
function getResults(base: Result) {
axios.get(`/api/modules/overseerr/${base.id}?type=${base.mediaType}`).then((res) => {
setResult(res.data);
@@ -56,6 +57,8 @@ export function MovieRequestModal({
setOpened: (opened: boolean) => void;
}) {
const { secondaryColor } = useColorTheme();
const { t } = useTranslation('modules/overseerr-module');
return (
<Modal
onClose={() => setOpened(false)}
@@ -68,23 +71,23 @@ export function MovieRequestModal({
title={
<Group>
<IconDownload />
{t('modules.overseerr.popup.item.buttons.askFor', { title: result.title })}
{t('popup.item.buttons.askFor', { title: result.title })}
</Group>
}
>
<Stack>
<Alert
icon={<IconAlertCircle size={16} />}
title={t('modules.overseerr.popup.item.alerts.automaticApproval.title')}
title={t('popup.item.alerts.automaticApproval.title')}
color={secondaryColor}
radius="md"
variant="filled"
>
{t('modules.overseerr.popup.item.alerts.automaticApproval.text')}
{t('popup.item.alerts.automaticApproval.text')}
</Alert>
<Group>
<Button variant="outline" color="gray" onClick={() => setOpened(false)}>
{t('modules.overseerr.popup.item.buttons.cancel')}
{t('popup.item.buttons.cancel')}
</Button>
<Button
variant="outline"
@@ -92,7 +95,7 @@ export function MovieRequestModal({
askForMedia(MediaType.Movie, result.id, result.title, []);
}}
>
{t('modules.overseerr.popup.item.buttons.request')}
{t('popup.item.buttons.request')}
</Button>
</Group>
</Stack>
@@ -111,6 +114,7 @@ export function TvRequestModal({
}) {
const [selection, setSelection] = useState<TvShowResultSeason[]>(result.seasons);
const { classes, cx } = useStyles();
const { t } = useTranslation('modules/overseerr-module');
const toggleRow = (container: TvShowResultSeason) =>
setSelection((current: TvShowResultSeason[]) =>
@@ -149,7 +153,7 @@ export function TvRequestModal({
title={
<Group>
<IconDownload />
{t('modules.overseerr.popup.item.buttons.askFor', {
{t('popup.item.buttons.askFor', {
title: result.name ?? result.originalName ?? 'a TV show',
})}
</Group>
@@ -158,15 +162,15 @@ export function TvRequestModal({
<Stack>
<Alert
icon={<IconAlertCircle size={16} />}
title={t('modules.overseerr.popup.item.alerts.automaticApproval.title')}
title={t('popup.item.alerts.automaticApproval.title')}
color={secondaryColor}
radius="md"
variant="filled"
>
{t('modules.overseerr.popup.item.alerts.automaticApproval.text')}
{t('popup.item.alerts.automaticApproval.text')}
</Alert>
<Table captionSide="bottom" highlightOnHover>
<caption>{t('modules.overseerr.popup.seasonSelector.caption')}</caption>
<caption>{t('popup.seasonSelector.caption')}</caption>
<thead>
<tr>
<th>
@@ -177,15 +181,15 @@ export function TvRequestModal({
transitionDuration={0}
/>
</th>
<th>{t('modules.overseerr.popup.seasonSelector.table.header.season')}</th>
<th>{t('modules.overseerr.popup.seasonSelector.table.header.numberOfEpisodes')}</th>
<th>{t('popup.seasonSelector.table.header.season')}</th>
<th>{t('popup.seasonSelector.table.header.numberOfEpisodes')}</th>
</tr>
</thead>
<tbody>{rows}</tbody>
</Table>
<Group>
<Button variant="outline" color="gray" onClick={() => setOpened(false)}>
{t('modules.overseerr.popup.item.buttons.cancel')}
{t('popup.item.buttons.cancel')}
</Button>
<Button
variant="outline"
@@ -199,7 +203,7 @@ export function TvRequestModal({
);
}}
>
{t('modules.overseerr.popup.item.buttons.request')}
{t('popup.item.buttons.request')}
</Button>
</Group>
</Stack>