New: Show IndexerFlags on Interactive Search

frontend/src/InteractiveSearch/InteractiveSearchRow.js

@@ -114,6 +114,7 @@ class InteractiveSearchRow extends Component {
       leechers,
       quality,
       languages,
+      indexerFlags,
       rejections,
       downloadAllowed,
       isGrabbing,
@@ -180,6 +181,35 @@ class InteractiveSearchRow extends Component {
           />
         </TableRowCell>
 
+        <TableRowCell className={styles.indexerFlags}>
+          {
+            !!indexerFlags.length &&
+              <Popover
+                anchor={
+                  <Icon
+                    name={icons.FLAG}
+                    kind={kinds.PRIMARY}
+                  />
+                }
+                title="Indexer Flags"
+                body={
+                  <ul>
+                    {
+                      indexerFlags.map((flag, index) => {
+                        return (
+                          <li key={index}>
+                            {flag}
+                          </li>
+                        );
+                      })
+                    }
+                  </ul>
+                }
+                position={tooltipPositions.LEFT}
+              />
+          }
+        </TableRowCell>
+
         <TableRowCell className={styles.rejected}>
           {
             !!rejections.length &&
@@ -251,6 +281,7 @@ InteractiveSearchRow.propTypes = {
   quality: PropTypes.object.isRequired,
   languages: PropTypes.arrayOf(PropTypes.object).isRequired,
   rejections: PropTypes.arrayOf(PropTypes.string).isRequired,
+  indexerFlags: PropTypes.arrayOf(PropTypes.string).isRequired,
   downloadAllowed: PropTypes.bool.isRequired,
   isGrabbing: PropTypes.bool.isRequired,
   isGrabbed: PropTypes.bool.isRequired,