Mirrors/Radarr
1
0
Fork 0
mirror of https://github.com/Radarr/Radarr.git synced 2024-11-19 17:32:38 +01:00
Code Issues Releases Wiki Activity

Trim trailing slash from trailer link

Browse Source 
Convert MovieDetailsLinks to Typescript
This commit is contained in:
Bogdan 2024-08-15 00:50:23 +03:00
parent fbbe7f7b5d
commit 333351da45
2 changed files with 100 additions and 114 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

114
frontend/src/Movie/Details/MovieDetailsLinks.js
View File

@ -1,114 +0,0 @@
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;

100
frontend/src/Movie/Details/MovieDetailsLinks.tsx Normal file
View File

@ -0,0 +1,100 @@
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';
interface MovieDetailsLinksProps {
tmdbId: number;
imdbId?: string;
youTubeTrailerId?: string;
}
function MovieDetailsLinks(props: MovieDetailsLinksProps) {
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>
) : null}
{imdbId ? (
<Link className={styles.link} to={`https://moviechat.org/${imdbId}/`}>
<Label
className={styles.linkLabel}
kind={kinds.INFO}
size={sizes.LARGE}
>
{translate('MovieChat')}
</Label>
</Link>
) : null}
{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>
) : null}
</div>
);
}
export default MovieDetailsLinks;