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 {
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;

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

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

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

@ -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;

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

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