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.
115 lines
2.6 KiB
115 lines
2.6 KiB
import PropTypes from 'prop-types';
|
|
import React from 'react';
|
|
import Label from 'Components/Label';
|
|
import Link from 'Components/Link/Link';
|
|
import { kinds, sizes } from 'Helpers/Props';
|
|
import translate from 'Utilities/String/translate';
|
|
import styles from './MovieDetailsLinks.css';
|
|
|
|
function MovieDetailsLinks(props) {
|
|
const {
|
|
tmdbId,
|
|
imdbId,
|
|
youTubeTrailerId
|
|
} = props;
|
|
|
|
return (
|
|
<div className={styles.links}>
|
|
<Link
|
|
className={styles.link}
|
|
to={`https://www.themoviedb.org/movie/${tmdbId}`}
|
|
>
|
|
<Label
|
|
className={styles.linkLabel}
|
|
kind={kinds.INFO}
|
|
size={sizes.LARGE}
|
|
>
|
|
{translate('TMDb')}
|
|
</Label>
|
|
</Link>
|
|
|
|
<Link
|
|
className={styles.link}
|
|
to={`https://trakt.tv/search/tmdb/${tmdbId}?id_type=movie`}
|
|
>
|
|
<Label
|
|
className={styles.linkLabel}
|
|
kind={kinds.INFO}
|
|
size={sizes.LARGE}
|
|
>
|
|
{translate('Trakt')}
|
|
</Label>
|
|
</Link>
|
|
|
|
<Link
|
|
className={styles.link}
|
|
to={`https://letterboxd.com/tmdb/${tmdbId}`}
|
|
>
|
|
<Label
|
|
className={styles.linkLabel}
|
|
kind={kinds.INFO}
|
|
size={sizes.LARGE}
|
|
>
|
|
{translate('Letterboxd')}
|
|
</Label>
|
|
</Link>
|
|
|
|
{
|
|
!!imdbId &&
|
|
<Link
|
|
className={styles.link}
|
|
to={`https://imdb.com/title/${imdbId}/`}
|
|
>
|
|
<Label
|
|
className={styles.linkLabel}
|
|
kind={kinds.INFO}
|
|
size={sizes.LARGE}
|
|
>
|
|
{translate('IMDb')}
|
|
</Label>
|
|
</Link>
|
|
}
|
|
|
|
{
|
|
!!imdbId &&
|
|
<Link
|
|
className={styles.link}
|
|
to={`https://moviechat.org/${imdbId}/`}
|
|
>
|
|
<Label
|
|
className={styles.linkLabel}
|
|
kind={kinds.INFO}
|
|
size={sizes.LARGE}
|
|
>
|
|
{translate('MovieChat')}
|
|
</Label>
|
|
</Link>
|
|
}
|
|
|
|
{
|
|
!!youTubeTrailerId &&
|
|
<Link
|
|
className={styles.link}
|
|
to={`https://www.youtube.com/watch?v=${youTubeTrailerId}/`}
|
|
>
|
|
<Label
|
|
className={styles.linkLabel}
|
|
kind={kinds.DANGER}
|
|
size={sizes.LARGE}
|
|
>
|
|
{translate('Trailer')}
|
|
</Label>
|
|
</Link>
|
|
}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
MovieDetailsLinks.propTypes = {
|
|
tmdbId: PropTypes.number.isRequired,
|
|
imdbId: PropTypes.string,
|
|
youTubeTrailerId: PropTypes.string
|
|
};
|
|
|
|
export default MovieDetailsLinks;
|