Small UI Tweaks, Fix Banner Images When Artist Deleted

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);
   }
 
   //

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.
       });
     }
   }

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.
       });
     }
   }

frontend/src/Artist/Index/Banners/ArtistIndexBanner.css

@@ -21,7 +21,6 @@ $hoverScale: 1.05;
 
 .bannerContainer {
   position: relative;
-  background-color: #ffffff;
 }
 
 .link {

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 {

frontend/src/Artist/Index/Overview/ArtistIndexOverview.js

@@ -113,7 +113,8 @@ class ArtistIndexOverview extends Component {
 
     return (
       <div className={styles.container} style={style}>
-        <div className={styles.poster} style={elementStyle}>
+        <div className={styles.content}>
+          <div className={styles.poster}>
             <div className={styles.posterContainer}>
               {
                 status === 'ended' &&
@@ -161,7 +162,7 @@ class ArtistIndexOverview extends Component {
               <div className={styles.actions}>
                 <SpinnerIconButton
                   name={icons.REFRESH}
-                title="Refresh artist"
+                  title="Refresh Artist"
                   isSpinning={isRefreshingArtist}
                   onPress={onRefreshArtistPress}
                 />
@@ -199,6 +200,7 @@ class ArtistIndexOverview extends Component {
               />
             </div>
           </div>
+        </div>
 
         <EditArtistModalConnector
           isOpen={isEditArtistModalOpen}