feat(archive-viewer): address comments

box · Dec 17, 2019 · 21b56e3 · 21b56e3
1 parent e13a762
commit 21b56e3
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 8 deletions.
diff --git a/src/lib/viewers/archive/ArchiveExplorer.js b/src/lib/viewers/archive/ArchiveExplorer.js
@@ -140,11 +140,7 @@ class ArchiveExplorer extends React.Component {
             <Internationalize language="en-us" messages={{}}>
                 <div className="bp-ArchiveExplorer">
                     <Breadcrumbs fullPath={fullPath} onClick={this.handleClickFullPath} view={view} />
-                    <VirtualizedTable
-                        className="ArchiveFilesTable"
-                        rowData={itemList}
-                        rowGetter={this.getRowData(itemList)}
-                    >
+                    <VirtualizedTable rowData={itemList} rowGetter={this.getRowData(itemList)}>
                         {intl => [
                             <Column
                                 key={KEY_NAME}

diff --git a/src/lib/viewers/archive/Breadcrumbs.js b/src/lib/viewers/archive/Breadcrumbs.js
@@ -38,7 +38,7 @@ class Breadcrumbs extends React.PureComponent {
         const { fullPath, onClick, view } = this.props;
 
         return (
-            <div className="bp-header-breadcrumbs">
+            <div className="bp-Breadcrumbs">
                 <Breadcrumb>
                     {view === VIEWS.VIEW_SEARCH ? (
                         <span>{__('search_results')}</span>

diff --git a/src/lib/viewers/archive/Breadcrumbs.scss b/src/lib/viewers/archive/Breadcrumbs.scss
@@ -1,6 +1,6 @@
 @import '~box-ui-elements/es/styles/variables';
 
-.bp-header-breadcrumbs {
+.bp-Breadcrumbs {
     display: flex;
     flex: 0 0 50px;
     align-items: center;

diff --git a/src/lib/viewers/archive/__tests__/Breadcrumbs-test-react.js b/src/lib/viewers/archive/__tests__/Breadcrumbs-test-react.js
@@ -24,7 +24,7 @@ describe('lib/viewers/archive/Breadcrumbs', () => {
         it('should render correct components', () => {
             const component = shallow(<Breadcrumbs fullPath={fullPath} onClick={onClick} view={view} />);
 
-            expect(component.find('.bp-header-breadcrumbs').length).to.equal(1);
+            expect(component.find('.bp-Breadcrumbs').length).to.equal(1);
             expect(component.find('InjectIntl(Breadcrumb)').length).to.equal(1);
             expect(component.find('PlainButton').length).to.equal(2);
         });