You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
1.8 KiB
72 lines
1.8 KiB
import CollectionRequestModal from '@app/components/RequestModal/CollectionRequestModal';
|
|
import MovieRequestModal from '@app/components/RequestModal/MovieRequestModal';
|
|
import TvRequestModal from '@app/components/RequestModal/TvRequestModal';
|
|
import { Transition } from '@headlessui/react';
|
|
import type { MediaStatus } from '@server/constants/media';
|
|
import type { MediaRequest } from '@server/entity/MediaRequest';
|
|
|
|
interface RequestModalProps {
|
|
show: boolean;
|
|
type: 'movie' | 'tv' | 'collection';
|
|
tmdbId: number;
|
|
is4k?: boolean;
|
|
editRequest?: MediaRequest;
|
|
onComplete?: (newStatus: MediaStatus) => void;
|
|
onCancel?: () => void;
|
|
onUpdating?: (isUpdating: boolean) => void;
|
|
}
|
|
|
|
const RequestModal = ({
|
|
type,
|
|
show,
|
|
tmdbId,
|
|
is4k,
|
|
editRequest,
|
|
onComplete,
|
|
onUpdating,
|
|
onCancel,
|
|
}: RequestModalProps) => {
|
|
return (
|
|
<Transition
|
|
as="div"
|
|
enter="transition-opacity duration-300"
|
|
enterFrom="opacity-0"
|
|
enterTo="opacity-100"
|
|
leave="transition-opacity duration-300"
|
|
leaveFrom="opacity-100"
|
|
leaveTo="opacity-0"
|
|
show={show}
|
|
>
|
|
{type === 'movie' ? (
|
|
<MovieRequestModal
|
|
onComplete={onComplete}
|
|
onCancel={onCancel}
|
|
tmdbId={tmdbId}
|
|
onUpdating={onUpdating}
|
|
is4k={is4k}
|
|
editRequest={editRequest}
|
|
/>
|
|
) : type === 'tv' ? (
|
|
<TvRequestModal
|
|
onComplete={onComplete}
|
|
onCancel={onCancel}
|
|
tmdbId={tmdbId}
|
|
onUpdating={onUpdating}
|
|
is4k={is4k}
|
|
editRequest={editRequest}
|
|
/>
|
|
) : (
|
|
<CollectionRequestModal
|
|
onComplete={onComplete}
|
|
onCancel={onCancel}
|
|
tmdbId={tmdbId}
|
|
onUpdating={onUpdating}
|
|
is4k={is4k}
|
|
/>
|
|
)}
|
|
</Transition>
|
|
);
|
|
};
|
|
|
|
export default RequestModal;
|