Refactor Indexer index to use react-window

(cherry picked from commit d022679b7dcbce3cec98e6a1fd0879e3c0d92523)

frontend/src/Indexer/Index/Menus/IndexerIndexFilterMenu.tsx

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import FilterMenu from 'Components/Menu/FilterMenu';
 import { align } from 'Helpers/Props';
-import IndexerIndexFilterModalConnector from 'Indexer/Index/IndexerIndexFilterModalConnector';
+import IndexerIndexFilterModal from 'Indexer/Index/IndexerIndexFilterModal';
 
 function IndexerIndexFilterMenu(props) {
   const {
@@ -10,7 +10,7 @@ function IndexerIndexFilterMenu(props) {
     filters,
     customFilters,
     isDisabled,
-    onFilterSelect
+    onFilterSelect,
   } = props;
 
   return (
@@ -20,22 +20,23 @@ function IndexerIndexFilterMenu(props) {
       selectedFilterKey={selectedFilterKey}
       filters={filters}
       customFilters={customFilters}
-      filterModalConnectorComponent={IndexerIndexFilterModalConnector}
+      filterModalConnectorComponent={IndexerIndexFilterModal}
       onFilterSelect={onFilterSelect}
     />
   );
 }
 
 IndexerIndexFilterMenu.propTypes = {
-  selectedFilterKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+  selectedFilterKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+    .isRequired,
   filters: PropTypes.arrayOf(PropTypes.object).isRequired,
   customFilters: PropTypes.arrayOf(PropTypes.object).isRequired,
   isDisabled: PropTypes.bool.isRequired,
-  onFilterSelect: PropTypes.func.isRequired
+  onFilterSelect: PropTypes.func.isRequired,
 };
 
 IndexerIndexFilterMenu.defaultProps = {
-  showCustomFilters: false
+  showCustomFilters: false,
 };
 
 export default IndexerIndexFilterMenu;

frontend/src/Indexer/Index/Menus/IndexerIndexSortMenu.tsx

@@ -7,18 +7,10 @@ import { align, sortDirections } from 'Helpers/Props';
 import translate from 'Utilities/String/translate';
 
 function IndexerIndexSortMenu(props) {
-  const {
-    sortKey,
-    sortDirection,
-    isDisabled,
-    onSortSelect
-  } = props;
+  const { sortKey, sortDirection, isDisabled, onSortSelect } = props;
 
   return (
-    <SortMenu
-      isDisabled={isDisabled}
-      alignMenu={align.RIGHT}
-    >
+    <SortMenu isDisabled={isDisabled} alignMenu={align.RIGHT}>
       <MenuContent>
         <SortMenuItem
           name="status"
@@ -91,7 +83,7 @@ IndexerIndexSortMenu.propTypes = {
   sortKey: PropTypes.string,
   sortDirection: PropTypes.oneOf(sortDirections.all),
   isDisabled: PropTypes.bool.isRequired,
-  onSortSelect: PropTypes.func.isRequired
+  onSortSelect: PropTypes.func.isRequired,
 };
 
 export default IndexerIndexSortMenu;