Skip to content
Snippets Groups Projects
Commit e91d3341 authored by Chris Lawton's avatar Chris Lawton Committed by Todd Dembrey
Browse files

pass column prop to listing component

parent a8384710
No related branches found
No related tags found
No related merge requests found
...@@ -127,7 +127,7 @@ export default class GroupedListing extends React.Component { ...@@ -127,7 +127,7 @@ export default class GroupedListing extends React.Component {
/> />
} }
</div> </div>
<Listing {...passProps} listRef={this.listRef} /> <Listing {...passProps} listRef={this.listRef} column="applications" />
</div> </div>
); );
} }
......
...@@ -17,6 +17,7 @@ export default class Listing extends React.Component { ...@@ -17,6 +17,7 @@ export default class Listing extends React.Component {
renderItem: PropTypes.func.isRequired, renderItem: PropTypes.func.isRequired,
handleRetry: PropTypes.func, handleRetry: PropTypes.func,
listRef: PropTypes.object, listRef: PropTypes.object,
column: PropTypes.string,
}; };
renderListItems() { renderListItems() {
...@@ -25,6 +26,8 @@ export default class Listing extends React.Component { ...@@ -25,6 +26,8 @@ export default class Listing extends React.Component {
isLoading, isLoading,
items, items,
renderItem, renderItem,
column,
listRef,
} = this.props; } = this.props;
if (isLoading) { if (isLoading) {
...@@ -44,7 +47,7 @@ export default class Listing extends React.Component { ...@@ -44,7 +47,7 @@ export default class Listing extends React.Component {
} }
return ( return (
<ul className="listing__list" ref={this.props.listRef}> <ul className={`listing__list listing__list--${column}`} ref={listRef}>
{items.map(v => renderItem(v))} {items.map(v => renderItem(v))}
</ul> </ul>
); );
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment