New: Show successful grabs in Interactive Search with green icon

(cherry picked from commit 366b2b8b52d8375f1f41719a09893136009a5b48)

Closes #8964

frontend/src/InteractiveSearch/InteractiveSearchRow.js

@@ -31,6 +31,18 @@ function getDownloadIcon(isGrabbing, isGrabbed, grabError) {
   return icons.DOWNLOAD;
 }
 
+function getDownloadKind(isGrabbed, grabError) {
+  if (isGrabbed) {
+    return kinds.SUCCESS;
+  }
+
+  if (grabError) {
+    return kinds.DANGER;
+  }
+
+  return kinds.DEFAULT;
+}
+
 function getDownloadTooltip(isGrabbing, isGrabbed, grabError) {
   if (isGrabbing) {
     return '';
@@ -148,7 +160,7 @@ class InteractiveSearchRow extends Component {
         <TableRowCell className={styles.download}>
           <SpinnerIconButton
             name={getDownloadIcon(isGrabbing, isGrabbed, grabError)}
-            kind={grabError ? kinds.DANGER : kinds.DEFAULT}
+            kind={getDownloadKind(isGrabbed, grabError)}
             title={getDownloadTooltip(isGrabbing, isGrabbed, grabError)}
             isDisabled={isGrabbed}
             isSpinning={isGrabbing}