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.
57 lines
1.4 KiB
57 lines
1.4 KiB
4 years ago
|
import React from 'react';
|
||
|
import useSWR from 'swr';
|
||
|
import type { MovieDetails } from '../../../server/models/Movie';
|
||
|
import type { TvDetails } from '../../../server/models/Tv';
|
||
|
import TitleCard from '.';
|
||
|
|
||
|
interface TmdbTitleCardProps {
|
||
|
tmdbId: number;
|
||
|
type: 'movie' | 'tv';
|
||
|
}
|
||
|
|
||
|
const isMovie = (movie: MovieDetails | TvDetails): movie is MovieDetails => {
|
||
|
return (movie as MovieDetails).title !== undefined;
|
||
|
};
|
||
|
|
||
|
const RequestCard: React.FC<TmdbTitleCardProps> = ({ tmdbId, type }) => {
|
||
|
const url =
|
||
|
type === 'movie' ? `/api/v1/movie/${tmdbId}` : `/api/v1/tv/${tmdbId}`;
|
||
|
const { data: title, error } = useSWR<MovieDetails | TvDetails>(url);
|
||
|
|
||
|
if (!title && !error) {
|
||
|
return <TitleCard.Placeholder />;
|
||
|
}
|
||
|
|
||
|
if (!title) {
|
||
|
return <TitleCard.Placeholder />;
|
||
|
}
|
||
|
|
||
|
return isMovie(title) ? (
|
||
|
<TitleCard
|
||
|
id={title.id}
|
||
|
image={title.posterPath}
|
||
|
status={title.request?.status}
|
||
|
summary={title.overview}
|
||
|
title={title.title}
|
||
|
userScore={title.voteAverage}
|
||
|
year={title.releaseDate}
|
||
|
mediaType={'movie'}
|
||
|
requestId={title.request?.id}
|
||
|
/>
|
||
|
) : (
|
||
|
<TitleCard
|
||
|
id={title.id}
|
||
|
image={title.posterPath}
|
||
|
status={title.request?.status}
|
||
|
summary={title.overview}
|
||
|
title={title.name}
|
||
|
userScore={title.voteAverage}
|
||
|
year={title.firstAirDate}
|
||
|
mediaType={'tv'}
|
||
|
requestId={title.request?.id}
|
||
|
/>
|
||
|
);
|
||
|
};
|
||
|
|
||
|
export default RequestCard;
|