diff --git a/src/lib/viewers/archive/ArchiveExplorer.js b/src/lib/viewers/archive/ArchiveExplorer.js index 5c4dfffdd..cb127f553 100644 --- a/src/lib/viewers/archive/ArchiveExplorer.js +++ b/src/lib/viewers/archive/ArchiveExplorer.js @@ -4,15 +4,15 @@ import elementsMessages from 'box-elements-messages'; // eslint-disable-line import intlLocaleData from 'react-intl-locale-data'; // eslint-disable-line import Internationalize from 'box-ui-elements/es/elements/common/Internationalize'; import fuzzySearch from 'box-ui-elements/es/utils/fuzzySearch'; +import VirtualizedTable from 'box-ui-elements/es/features/virtualized-table'; +import { AutoSizer, Column, SortDirection } from 'react-virtualized'; import { itemNameCellRenderer, readableTimeCellRenderer, sizeCellRenderer, sortableColumnHeaderRenderer, } from 'box-ui-elements/es/features/virtualized-table-renderers'; -import VirtualizedTable from 'box-ui-elements/es/features/virtualized-table'; import { addLocaleData } from 'react-intl'; -import { Column, SortDirection } from 'react-virtualized/dist/es/Table/index'; import Breadcrumbs from './Breadcrumbs'; import SearchBar from './SearchBar'; import { TABLE_COLUMNS, VIEWS } from './constants'; @@ -189,43 +189,50 @@ class ArchiveExplorer extends React.Component {
- - {intl => [ - , - , - , - ]} - +
+ + {({ height }) => ( + + {intl => [ + , + , + , + ]} + + )} + +
); diff --git a/src/lib/viewers/archive/ArchiveExplorer.scss b/src/lib/viewers/archive/ArchiveExplorer.scss index 8eaac2ed4..2a1e208e9 100644 --- a/src/lib/viewers/archive/ArchiveExplorer.scss +++ b/src/lib/viewers/archive/ArchiveExplorer.scss @@ -4,3 +4,7 @@ width: 100%; height: 100%; } + +.bp-ArchiveExplorer-table { + height: 100%; +} diff --git a/src/lib/viewers/archive/__tests__/ArchiveExplorer-test-react.js b/src/lib/viewers/archive/__tests__/ArchiveExplorer-test-react.js index 732433bac..6a32f8236 100644 --- a/src/lib/viewers/archive/__tests__/ArchiveExplorer-test-react.js +++ b/src/lib/viewers/archive/__tests__/ArchiveExplorer-test-react.js @@ -59,7 +59,6 @@ describe('lib/viewers/archive/ArchiveExplorer', () => { expect(component.find('SearchBar').length).to.equal(1); expect(component.find('Breadcrumbs').length).to.equal(1); expect(component.find('Internationalize').length).to.equal(1); - expect(component.find('InjectIntl(VirtualizedTable)').length).to.equal(1); }); });