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.
60 lines
1.5 KiB
60 lines
1.5 KiB
7 years ago
|
import _ from 'lodash';
|
||
|
import PropTypes from 'prop-types';
|
||
|
import React from 'react';
|
||
|
import ArtistPoster from 'Artist/ArtistPoster';
|
||
7 years ago
|
import styles from './ArtistSearchResult.css';
|
||
7 years ago
|
|
||
|
function getMatchingAlternateTile(alternateTitles, query) {
|
||
|
return _.first(alternateTitles, (alternateTitle) => {
|
||
|
return alternateTitle.title.toLowerCase().contains(query.toLowerCase());
|
||
|
});
|
||
|
}
|
||
|
|
||
7 years ago
|
function ArtistSearchResult(props) {
|
||
7 years ago
|
const {
|
||
|
query,
|
||
7 years ago
|
artistName,
|
||
|
// alternateTitles,
|
||
7 years ago
|
images
|
||
|
} = props;
|
||
|
|
||
7 years ago
|
const index = artistName.toLowerCase().indexOf(query.toLowerCase());
|
||
|
// const alternateTitle = index === -1 ?
|
||
|
// getMatchingAlternateTile(alternateTitles, query) :
|
||
|
// null;
|
||
7 years ago
|
|
||
|
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}>
|
||
7 years ago
|
{artistName}
|
||
7 years ago
|
</div>
|
||
|
|
||
|
{
|
||
7 years ago
|
// !!alternateTitle &&
|
||
|
// <div className={styles.alternateTitle}>
|
||
|
// {alternateTitle.title}
|
||
|
// </div>
|
||
7 years ago
|
}
|
||
|
</div>
|
||
|
</div>
|
||
|
);
|
||
|
}
|
||
|
|
||
7 years ago
|
ArtistSearchResult.propTypes = {
|
||
7 years ago
|
query: PropTypes.string.isRequired,
|
||
7 years ago
|
artistName: PropTypes.string.isRequired,
|
||
|
// alternateTitles: PropTypes.arrayOf(PropTypes.object).isRequired,
|
||
7 years ago
|
images: PropTypes.arrayOf(PropTypes.object).isRequired
|
||
|
};
|
||
|
|
||
7 years ago
|
export default ArtistSearchResult;
|