diff --git a/opentech/static_src/src/app/src/components/GroupedListing/index.js b/opentech/static_src/src/app/src/components/GroupedListing/index.js index 28efdf19929487b7f00872854f828920c652af31..e8eb8a79a6d8086dc6ef12013050707d38a82485 100644 --- a/opentech/static_src/src/app/src/components/GroupedListing/index.js +++ b/opentech/static_src/src/app/src/components/GroupedListing/index.js @@ -127,7 +127,7 @@ export default class GroupedListing extends React.Component { /> } </div> - <Listing {...passProps} listRef={this.listRef} /> + <Listing {...passProps} listRef={this.listRef} column="applications" /> </div> ); } diff --git a/opentech/static_src/src/app/src/components/Listing/index.js b/opentech/static_src/src/app/src/components/Listing/index.js index e7a7cf04e2a8362bb1bd2ae2e804413b7b68b924..d924649585c234389daa3c3b7d6d5c622c655586 100644 --- a/opentech/static_src/src/app/src/components/Listing/index.js +++ b/opentech/static_src/src/app/src/components/Listing/index.js @@ -17,6 +17,7 @@ export default class Listing extends React.Component { renderItem: PropTypes.func.isRequired, handleRetry: PropTypes.func, listRef: PropTypes.object, + column: PropTypes.string, }; renderListItems() { @@ -25,6 +26,8 @@ export default class Listing extends React.Component { isLoading, items, renderItem, + column, + listRef, } = this.props; if (isLoading) { @@ -44,7 +47,7 @@ export default class Listing extends React.Component { } return ( - <ul className="listing__list" ref={this.props.listRef}> + <ul className={`listing__list listing__list--${column}`} ref={listRef}> {items.map(v => renderItem(v))} </ul> );