Show Indexer Status on Indexer Table

frontend/src/Indexer/Index/Table/IndexerStatusCell.js

@@ -3,12 +3,16 @@ import React from 'react';
 import Icon from 'Components/Icon';
 import VirtualTableRowCell from 'Components/Table/Cells/TableRowCell';
 import { icons, kinds } from 'Helpers/Props';
+import formatDateTime from 'Utilities/Date/formatDateTime';
 import styles from './IndexerStatusCell.css';
 
 function IndexerStatusCell(props) {
   const {
     className,
     enabled,
+    status,
+    longDateFormat,
+    timeFormat,
     component: Component,
     ...otherProps
   } = props;
@@ -26,6 +30,15 @@ function IndexerStatusCell(props) {
           title={enabled ? 'Indexer is Enabled' : 'Indexer is Disabled'}
         />
       }
+      {
+        status &&
+          <Icon
+            className={styles.statusIcon}
+            kind={kinds.DANGER}
+            name={icons.WARNING}
+            title={`Indexer is Disabled due to failures until ${formatDateTime(status.disabledTill, longDateFormat, timeFormat)}`}
+          />
+      }
     </Component>
   );
 }
@@ -33,6 +46,9 @@ function IndexerStatusCell(props) {
 IndexerStatusCell.propTypes = {
   className: PropTypes.string.isRequired,
   enabled: PropTypes.bool.isRequired,
+  status: PropTypes.object,
+  longDateFormat: PropTypes.string.isRequired,
+  timeFormat: PropTypes.string.isRequired,
   component: PropTypes.elementType
 };