github/lidarr
1
0
Fork 0
mirror of https://github.com/lidarr/lidarr.git synced 2025-07-07 21:42:16 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Fixed: React error when displaying a search result for an existing item

Browse source 
Co-Authored-By: Mark McDowall <markus101@users.noreply.github.com>
This commit is contained in:
Qstick 2020-01-02 18:46:26 -05:00
parent 024c88c19d
commit 7775aa6683
4 changed files with 40 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

16
frontend/src/Search/Album/AddNewAlbumSearchResult.css
View file

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

10
frontend/src/Search/Album/AddNewAlbumSearchResult.js
View file

@ -94,11 +94,13 @@ class AddNewAlbumSearchResult extends Component {
const height = calculateHeight(230, isSmallScreen); const height = calculateHeight(230, isSmallScreen);
return ( return (
<div> <div className={styles.searchResult}>
<Link <Link
className={styles.searchResult} className={styles.underlay}
{...linkProps} {...linkProps}
> />
<div className={styles.overlay}>
{ {
!isSmallScreen && !isSmallScreen &&
<AlbumCover <AlbumCover
@ -212,7 +214,7 @@ class AddNewAlbumSearchResult extends Component {
/> />
</div> </div>
</div> </div>
</Link> </div>
<AddNewAlbumModal <AddNewAlbumModal
isOpen={isNewAddAlbumModalOpen && !isExistingAlbum} isOpen={isNewAddAlbumModalOpen && !isExistingAlbum}

16
frontend/src/Search/Artist/AddNewArtistSearchResult.css
View file

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

10
frontend/src/Search/Artist/AddNewArtistSearchResult.js
View file

@ -92,11 +92,13 @@ class AddNewArtistSearchResult extends Component {
const height = calculateHeight(230, isSmallScreen); const height = calculateHeight(230, isSmallScreen);
return ( return (
<div> <div className={styles.searchResult}>
<Link <Link
className={styles.searchResult} className={styles.underlay}
{...linkProps} {...linkProps}
> />
<div className={styles.overlay}>
{ {
isSmallScreen ? isSmallScreen ?
null : null :
@ -190,7 +192,7 @@ class AddNewArtistSearchResult extends Component {
/> />
</div> </div>
</div> </div>
</Link> </div>
<AddNewArtistModal <AddNewArtistModal
isOpen={isNewAddArtistModalOpen && !isExistingArtist} isOpen={isNewAddArtistModalOpen && !isExistingArtist}