mirror of
https://github.com/lidarr/lidarr.git
synced 2025-07-12 08:07:10 -07:00
[UI Work] Artist Detail Page, Album Studio, Wanted, NavSearch, Rename
This commit is contained in:
parent
456ead09da
commit
0054226307
93 changed files with 590 additions and 603 deletions
|
@ -1,59 +0,0 @@
|
|||
import _ from 'lodash';
|
||||
import PropTypes from 'prop-types';
|
||||
import React from 'react';
|
||||
import ArtistPoster from 'Artist/ArtistPoster';
|
||||
import styles from './SeriesSearchResult.css';
|
||||
|
||||
function getMatchingAlternateTile(alternateTitles, query) {
|
||||
return _.first(alternateTitles, (alternateTitle) => {
|
||||
return alternateTitle.title.toLowerCase().contains(query.toLowerCase());
|
||||
});
|
||||
}
|
||||
|
||||
function SeriesSearchResult(props) {
|
||||
const {
|
||||
query,
|
||||
title,
|
||||
alternateTitles,
|
||||
images
|
||||
} = props;
|
||||
|
||||
const index = title.toLowerCase().indexOf(query.toLowerCase());
|
||||
const alternateTitle = index === -1 ?
|
||||
getMatchingAlternateTile(alternateTitles, query) :
|
||||
null;
|
||||
|
||||
return (
|
||||
<div className={styles.result}>
|
||||
<ArtistPoster
|
||||
className={styles.poster}
|
||||
images={images}
|
||||
size={250}
|
||||
lazy={false}
|
||||
overflow={true}
|
||||
/>
|
||||
|
||||
<div className={styles.titles}>
|
||||
<div className={styles.title}>
|
||||
{title}
|
||||
</div>
|
||||
|
||||
{
|
||||
!!alternateTitle &&
|
||||
<div className={styles.alternateTitle}>
|
||||
{alternateTitle.title}
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
SeriesSearchResult.propTypes = {
|
||||
query: PropTypes.string.isRequired,
|
||||
title: PropTypes.string.isRequired,
|
||||
alternateTitles: PropTypes.arrayOf(PropTypes.object).isRequired,
|
||||
images: PropTypes.arrayOf(PropTypes.object).isRequired
|
||||
};
|
||||
|
||||
export default SeriesSearchResult;
|
Loading…
Add table
Add a link
Reference in a new issue