diff --git a/frontend/src/Album/Search/InteractiveEpisodeSearchRow.js b/frontend/src/Album/Search/InteractiveEpisodeSearchRow.js index 9624419e3..a755b329e 100644 --- a/frontend/src/Album/Search/InteractiveEpisodeSearchRow.js +++ b/frontend/src/Album/Search/InteractiveEpisodeSearchRow.js @@ -45,7 +45,13 @@ class InteractiveEpisodeSearchRow extends Component { // Listeners onGrabPress = () => { - this.props.onGrabPress(this.props.guid, this.props.indexerId); + const { + guid, + indexerId, + onGrabPress + }= this.props; + + onGrabPress(guid, indexerId); } // diff --git a/frontend/src/Artist/ArtistBanner.js b/frontend/src/Artist/ArtistBanner.js index d6c378b5f..34de9b8d0 100644 --- a/frontend/src/Artist/ArtistBanner.js +++ b/frontend/src/Artist/ArtistBanner.js @@ -61,9 +61,11 @@ class ArtistBanner extends Component { if (nextBanner && (!banner || nextBanner.url !== banner.url)) { this.setState({ banner: nextBanner, - posterUrl: getBannerUrl(nextBanner, pixelRatio * size), - isLoaded: false, + bannerUrl: getBannerUrl(nextBanner, pixelRatio * size), hasError: false + // Don't reset isLoaded, as we want to immediately try to + // show the new image, whether an image was shown previously + // or the placeholder was shown. }); } } diff --git a/frontend/src/Artist/ArtistPoster.js b/frontend/src/Artist/ArtistPoster.js index 18cde6173..b939119ed 100644 --- a/frontend/src/Artist/ArtistPoster.js +++ b/frontend/src/Artist/ArtistPoster.js @@ -62,8 +62,10 @@ class ArtistPoster extends Component { this.setState({ poster: nextPoster, posterUrl: getPosterUrl(nextPoster, pixelRatio * size), - isLoaded: false, hasError: false + // Don't reset isLoaded, as we want to immediately try to + // show the new image, whether an image was shown previously + // or the placeholder was shown. }); } } diff --git a/frontend/src/Artist/Index/Banners/ArtistIndexBanner.css b/frontend/src/Artist/Index/Banners/ArtistIndexBanner.css index 3f890db26..a80a4c2f0 100644 --- a/frontend/src/Artist/Index/Banners/ArtistIndexBanner.css +++ b/frontend/src/Artist/Index/Banners/ArtistIndexBanner.css @@ -21,7 +21,6 @@ $hoverScale: 1.05; .bannerContainer { position: relative; - background-color: #ffffff; } .link { diff --git a/frontend/src/Artist/Index/Overview/ArtistIndexOverview.css b/frontend/src/Artist/Index/Overview/ArtistIndexOverview.css index 5efdbc27a..cb1b3c0fb 100644 --- a/frontend/src/Artist/Index/Overview/ArtistIndexOverview.css +++ b/frontend/src/Artist/Index/Overview/ArtistIndexOverview.css @@ -1,7 +1,16 @@ $hoverScale: 1.05; .container { + &:hover { + .content { + background-color: $tableRowHoverBackgroundColor; + } + } +} + +.content { display: flex; + flex-grow: 1; } .poster { diff --git a/frontend/src/Artist/Index/Overview/ArtistIndexOverview.js b/frontend/src/Artist/Index/Overview/ArtistIndexOverview.js index ebab07ce5..b1567fcff 100644 --- a/frontend/src/Artist/Index/Overview/ArtistIndexOverview.js +++ b/frontend/src/Artist/Index/Overview/ArtistIndexOverview.js @@ -113,91 +113,93 @@ class ArtistIndexOverview extends Component { return (
-
-
- { - status === 'ended' && -
- } - - - +
+
+ { + status === 'ended' && +
+ } + + - -
+ to={link} + > + + +
- -
+ +
-
-
- - {artistName} - - -
- +
+
+ + {artistName} + + +
+ + + +
+
- + + + {overview} + + + +
- -
- - - {overview} - - - - -