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.
45 lines
1.1 KiB
45 lines
1.1 KiB
import React from 'react';
|
|
import Link from 'Components/Link/Link';
|
|
import styles from './HistoryRowParameter.css';
|
|
|
|
interface HistoryRowParameterProps {
|
|
title: string;
|
|
value: string;
|
|
}
|
|
|
|
function HistoryRowParameter(props: HistoryRowParameterProps) {
|
|
const { title, value } = props;
|
|
|
|
const type = title.toLowerCase();
|
|
|
|
let link = null;
|
|
|
|
if (type === 'imdb') {
|
|
link = <Link to={`https://imdb.com/title/${value}/`}>{value}</Link>;
|
|
} else if (type === 'tmdb') {
|
|
link = (
|
|
<Link to={`https://www.themoviedb.org/movie/${value}`}>{value}</Link>
|
|
);
|
|
} else if (type === 'tvdb') {
|
|
link = (
|
|
<Link to={`https://www.thetvdb.com/?tab=series&id=${value}`}>
|
|
{value}
|
|
</Link>
|
|
);
|
|
} else if (type === 'tvmaze') {
|
|
link = <Link to={`https://www.tvmaze.com/shows/${value}/_`}>{value}</Link>;
|
|
}
|
|
|
|
return (
|
|
<div className={styles.parameter}>
|
|
<div className={styles.info}>
|
|
<span>{title}</span>
|
|
</div>
|
|
|
|
<div className={styles.value}>{link ? link : value}</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default HistoryRowParameter;
|