Fixed: React error displaying a search result for an existing movie

Co-Authored-By: Mark McDowall <markus101@users.noreply.github.com>
pull/4021/head
Qstick 5 years ago
parent 1b7f52e013
commit 151bf5b49f

@ -1,10 +1,15 @@
.searchResult {
display: flex;
position: relative;
margin: 20px 0;
padding: 20px;
width: 100%;
background-color: $white;
color: inherit;
}
.underlay {
@add-mixin cover;
background-color: $white;
transition: background 500ms;
&:hover {
@ -14,6 +19,13 @@
}
}
.overlay {
@add-mixin linkOverlay;
position: relative;
display: flex;
}
.poster {
flex: 0 0 170px;
margin-right: 20px;

@ -70,11 +70,13 @@ class AddNewMovieSearchResult extends Component {
const linkProps = isExistingMovie ? { to: `/movie/${titleSlug}` } : { onPress: this.onPress };
return (
<div>
<div className={styles.searchResult}>
<Link
className={styles.searchResult}
className={styles.underlay}
{...linkProps}
>
/>
<div className={styles.overlay}>
{
isSmallScreen ?
null :
@ -158,7 +160,7 @@ class AddNewMovieSearchResult extends Component {
{overview}
</div>
</div>
</Link>
</div>
<AddNewMovieModal
isOpen={isNewAddMovieModalOpen && !isExistingMovie}

Loading…
Cancel
Save