- <Button
- size="small"
- onClick={this.loadMore}
- variant="contained"
- color="primary"
- style={{width: '100%', margin: '10px'}}
- disabled={working || items.length >= itemsAvailable}
- >
- Load more
- </Button>
+ <Grid className={classes.loadMoreContainer}>
+ <Typography className={classes.numResults}>
+ Showing {items.length} / {itemsAvailable} results
+ </Typography>
+ <Button
+ size="small"
+ onClick={this.loadMore}
+ variant="contained"
+ color="primary"
+ style={{width: '100%', margin: '10px'}}
+ disabled={working || items.length >= itemsAvailable}
+ >
+ Load more
+ </Button>
+ </Grid>