Add certification and runtime to search results (#6154)

This commit is contained in:
nitsua 2021-04-12 20:49:37 -04:00 committed by GitHub
parent f883cab6db
commit 398fc4dca2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 32 additions and 2 deletions

View File

@ -103,3 +103,10 @@
overflow: hidden;
}
}
.certification {
margin-right: 5px;
padding: 0 5px;
border: 1px solid;
border-radius: 5px;
}

View File

@ -10,6 +10,7 @@ import MovieDetailsLinks from 'Movie/Details/MovieDetailsLinks';
import MovieStatusLabel from 'Movie/Details/MovieStatusLabel';
import MovieIndexProgressBar from 'Movie/Index/ProgressBar/MovieIndexProgressBar';
import MoviePoster from 'Movie/MoviePoster';
import formatRuntime from 'Utilities/Date/formatRuntime';
import translate from 'Utilities/String/translate';
import AddNewMovieModal from './AddNewMovieModal';
import styles from './AddNewMovieSearchResult.css';
@ -74,7 +75,10 @@ class AddNewMovieSearchResult extends Component {
hasFile,
isAvailable,
queueStatus,
queueState
queueState,
runtime,
movieRuntimeFormat,
certification
} = this.props;
const {
@ -160,6 +164,22 @@ class AddNewMovieSearchResult extends Component {
</div>
</div>
<div>
{
!!certification &&
<span className={styles.certification}>
{certification}
</span>
}
{
!!runtime &&
<span>
{formatRuntime(runtime, movieRuntimeFormat)}
</span>
}
</div>
<div>
<Label size={sizes.LARGE}>
<HeartRating
@ -259,7 +279,10 @@ AddNewMovieSearchResult.propTypes = {
isAvailable: PropTypes.bool.isRequired,
colorImpairedMode: PropTypes.bool,
queueStatus: PropTypes.string,
queueState: PropTypes.string
queueState: PropTypes.string,
runtime: PropTypes.number.isRequired,
movieRuntimeFormat: PropTypes.string.isRequired,
certification: PropTypes.string
};
export default AddNewMovieSearchResult;