diff --git a/packages/compass-sidebar/src/components/sidebar-collection/sidebar-collection.jsx b/packages/compass-sidebar/src/components/sidebar-collection/sidebar-collection.jsx index 5dff4575643..3a0b6487ea1 100644 --- a/packages/compass-sidebar/src/components/sidebar-collection/sidebar-collection.jsx +++ b/packages/compass-sidebar/src/components/sidebar-collection/sidebar-collection.jsx @@ -9,6 +9,7 @@ import { collectionMetadata, getSource } from '../../modules/collection'; import styles from './sidebar-collection.less'; +const DEFAULT_COLLECTION_TYPE = 'collection'; const TIME_SERIES_COLLECTION_TYPE = 'timeseries'; class SidebarCollection extends PureComponent { @@ -137,6 +138,16 @@ class SidebarCollection extends PureComponent { } } + renderCollectionIcon() { + return ( + + ); + } + /** * Render the readonly icon. * @@ -230,6 +241,7 @@ class SidebarCollection extends PureComponent { data-test-id="sidebar-collection" title={this.props._id} > + {this.props.type === DEFAULT_COLLECTION_TYPE && this.renderCollectionIcon()} {this.props.readonly && this.renderViewIcon()} {this.props.type === TIME_SERIES_COLLECTION_TYPE && this.renderTimeSeriesIcon()} {collectionName} diff --git a/packages/compass-sidebar/src/components/sidebar-collection/sidebar-collection.spec.js b/packages/compass-sidebar/src/components/sidebar-collection/sidebar-collection.spec.js index d34f6bbbfd6..01d73e7340c 100644 --- a/packages/compass-sidebar/src/components/sidebar-collection/sidebar-collection.spec.js +++ b/packages/compass-sidebar/src/components/sidebar-collection/sidebar-collection.spec.js @@ -24,6 +24,7 @@ describe('SidebarCollection [Component]', () => { description="description" activeNamespace="" globalAppRegistryEmit={emitSpy} + type="collection" />); }); @@ -44,8 +45,8 @@ describe('SidebarCollection [Component]', () => { expect(component.find('[data-test-id="sidebar-collection"]').text()).to.match(/coll/); }); - it('does not have a collection type icon', () => { - expect(component.find(Icon)).to.be.not.present(); + it('has a collection type icon', () => { + expect(component.find(Icon).props().glyph).to.equal('Folder'); }); });