mirror of
https://github.com/prymitive/karma
synced 2026-05-07 03:26:52 +00:00
fix(ui): don't render load more button when grid is collapsed
This commit is contained in:
@@ -241,20 +241,24 @@ const Grid = observer(
|
||||
))
|
||||
: []}
|
||||
</MasonryInfiniteScroller>
|
||||
{grid.alertGroups.length > this.groupsToRender.value && (
|
||||
<div className="d-flex flex-row justify-content-between">
|
||||
<span className="flex-shrink-1 flex-grow-1 text-center">
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-secondary mb-3"
|
||||
onClick={this.loadMore}
|
||||
>
|
||||
<FontAwesomeIcon className="mr-2" icon={faAngleDoubleDown} />
|
||||
Load more
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
)}
|
||||
{this.gridToggle.show &&
|
||||
grid.alertGroups.length > this.groupsToRender.value && (
|
||||
<div className="d-flex flex-row justify-content-between">
|
||||
<span className="flex-shrink-1 flex-grow-1 text-center">
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-secondary mb-3"
|
||||
onClick={this.loadMore}
|
||||
>
|
||||
<FontAwesomeIcon
|
||||
className="mr-2"
|
||||
icon={faAngleDoubleDown}
|
||||
/>
|
||||
Load more
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
)}
|
||||
</React.Fragment>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user