@ -113,6 +113,8 @@ class CutoffUnmet extends Component {
isPopulated ,
error ,
items ,
isArtistFetching ,
isArtistPopulated ,
selectedFilterKey ,
filters ,
columns ,
@ -130,6 +132,9 @@ class CutoffUnmet extends Component {
isConfirmSearchAllCutoffUnmetModalOpen
} = this . state ;
const isAllPopulated = isPopulated && isArtistPopulated ;
const isAnyFetching = isFetching || isArtistFetching ;
const itemsSelected = ! ! this . getSelectedIds ( ) . length ;
const isShowingMonitored = getMonitoredValue ( this . props ) ;
@ -178,26 +183,26 @@ class CutoffUnmet extends Component {
< PageContentBody >
{
is Fetching && ! is Populated &&
is Any Fetching && ! is All Populated &&
< LoadingIndicator / >
}
{
! is Fetching && error &&
! is Any Fetching && error &&
< div >
Error fetching cutoff unmet
< / d i v >
}
{
is Populated && ! error && ! items . length &&
is All Populated && ! error && ! items . length &&
< div >
No cutoff unmet items
< / d i v >
}
{
is Populated && ! error && ! ! items . length &&
is All Populated && ! error && ! ! items . length &&
< div >
< Table
columns = { columns }
@ -261,6 +266,8 @@ CutoffUnmet.propTypes = {
isPopulated : PropTypes . bool . isRequired ,
error : PropTypes . object ,
items : PropTypes . arrayOf ( PropTypes . object ) . isRequired ,
isArtistFetching : PropTypes . bool . isRequired ,
isArtistPopulated : PropTypes . bool . isRequired ,
selectedFilterKey : PropTypes . string . isRequired ,
filters : PropTypes . arrayOf ( PropTypes . object ) . isRequired ,
columns : PropTypes . arrayOf ( PropTypes . object ) . isRequired ,