From a27f540aabe0c43fd59b28ce3211661d88af43b1 Mon Sep 17 00:00:00 2001
From: David Sevilla Martin <me@datitisev.me>
Date: Mon, 10 May 2021 16:50:44 -0400
Subject: [PATCH] Add <hr> page separator to DiscussionList

---
 js/src/forum/components/DiscussionList.js | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/js/src/forum/components/DiscussionList.js b/js/src/forum/components/DiscussionList.js
index 913a2664b..052d40d70 100644
--- a/js/src/forum/components/DiscussionList.js
+++ b/js/src/forum/components/DiscussionList.js
@@ -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>