1
0
mirror of https://github.com/flarum/core.git synced 2025-08-07 08:56:38 +02:00

Add <hr> page separator to DiscussionList

This commit is contained in:
David Sevilla Martin
2021-05-10 16:50:44 -04:00
parent d1e38558c5
commit a27f540aab

View File

@@ -43,11 +43,14 @@ export default class DiscussionList extends Component {
<div className={'DiscussionList' + (state.isSearchResults() ? ' DiscussionList--searchResults' : '')}>
<ul className="DiscussionList-discussions">
{state.getPages().map((pg) => {
return pg.items.map((discussion) => (
<li key={discussion.id()} data-id={discussion.id()}>
{DiscussionListItem.component({ discussion, params })}
</li>
));
return [
<hr key={`page-${pg.number}`} data-page={pg.number} />,
...pg.items.map((discussion) => (
<li key={discussion.id()} data-id={discussion.id()}>
{DiscussionListItem.component({ discussion, params })}
</li>
)),
];
})}
</ul>
<div className="DiscussionList-loadMore">{loading}</div>