Refactor Indexer index to use react-window

(cherry picked from commit d022679b7dcbce3cec98e6a1fd0879e3c0d92523)

frontend/src/Indexer/Index/Table/IndexerIndexTableOptions.tsx

@@ -0,0 +1,49 @@
+import React, { Fragment, useCallback } from 'react';
+import { useSelector } from 'react-redux';
+import FormGroup from 'Components/Form/FormGroup';
+import FormInputGroup from 'Components/Form/FormInputGroup';
+import FormLabel from 'Components/Form/FormLabel';
+import { inputTypes } from 'Helpers/Props';
+import selectTableOptions from './selectTableOptions';
+
+interface IndexerIndexTableOptionsProps {
+  onTableOptionChange(...args: unknown[]): unknown;
+}
+
+function IndexerIndexTableOptions(props: IndexerIndexTableOptionsProps) {
+  const { onTableOptionChange } = props;
+
+  const tableOptions = useSelector(selectTableOptions);
+
+  const { showSearchAction } = tableOptions;
+
+  const onTableOptionChangeWrapper = useCallback(
+    ({ name, value }) => {
+      onTableOptionChange({
+        tableOptions: {
+          ...tableOptions,
+          [name]: value,
+        },
+      });
+    },
+    [tableOptions, onTableOptionChange]
+  );
+
+  return (
+    <Fragment>
+      <FormGroup>
+        <FormLabel>Show Search</FormLabel>
+
+        <FormInputGroup
+          type={inputTypes.CHECK}
+          name="showSearchAction"
+          value={showSearchAction}
+          helpText="Show search button on hover"
+          onChange={onTableOptionChangeWrapper}
+        />
+      </FormGroup>
+    </Fragment>
+  );
+}
+
+export default IndexerIndexTableOptions;