Indexer and Search page work

frontend/src/Indexer/NoIndexer.js

@@ -0,0 +1,43 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import Button from 'Components/Link/Button';
+import { kinds } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
+import styles from './NoIndexer.css';
+
+function NoIndexer(props) {
+  const { totalItems } = props;
+
+  if (totalItems > 0) {
+    return (
+      <div>
+        <div className={styles.message}>
+          {translate('AllIndexersHiddenDueToFilter')}
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div>
+      <div className={styles.message}>
+        No indexers found, to get started you'll want to add a new indexer.
+      </div>
+
+      <div className={styles.buttonContainer}>
+        <Button
+          to="/add/new"
+          kind={kinds.PRIMARY}
+        >
+          {translate('AddNewIndexer')}
+        </Button>
+      </div>
+    </div>
+  );
+}
+
+NoIndexer.propTypes = {
+  totalItems: PropTypes.number.isRequired
+};
+
+export default NoIndexer;