parent
a3beeede7e
commit
371e43356d
@ -0,0 +1,56 @@
|
|||||||
|
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;
|
Loading…
Reference in new issue