From 75ac4dcdc3f77bf9b0d8fc469c2453d18907526b Mon Sep 17 00:00:00 2001
From: James Morris <moreofmorris@users.noreply.github.com>
Date: Wed, 20 Jul 2022 12:31:35 +0100
Subject: [PATCH] Added a dummy reply pagination button ready to wire up

refs https://github.com/TryGhost/Team/issues/1689
---
 apps/comments-ui/src/components/Replies.js       |  2 ++
 .../src/components/RepliesPagination.js          | 16 ++++++++++++++++
 2 files changed, 18 insertions(+)
 create mode 100644 apps/comments-ui/src/components/RepliesPagination.js

diff --git a/apps/comments-ui/src/components/Replies.js b/apps/comments-ui/src/components/Replies.js
index 4c8627665f..7e4968f761 100644
--- a/apps/comments-ui/src/components/Replies.js
+++ b/apps/comments-ui/src/components/Replies.js
@@ -1,4 +1,5 @@
 import Comment from './Comment';
+// import RepliesPagination from './RepliesPagination';
 
 const Replies = (props) => {
     const comment = props.comment;
@@ -6,6 +7,7 @@ const Replies = (props) => {
     return (
         <div>
             {comment.replies.map((reply => <Comment comment={reply} parent={comment} key={reply.id} isReply={true} />))}
+            {/* <RepliesPagination /> */}
         </div>
     );
 };
diff --git a/apps/comments-ui/src/components/RepliesPagination.js b/apps/comments-ui/src/components/RepliesPagination.js
new file mode 100644
index 0000000000..514cc5328e
--- /dev/null
+++ b/apps/comments-ui/src/components/RepliesPagination.js
@@ -0,0 +1,16 @@
+import React from 'react';
+
+const RepliesPagination = (props) => {
+    const loadMore = () => {
+        // dispatchAction('loadMoreReplies');
+    };
+
+    return (
+        <button className="w-full text-neutral-700 font-semibold px-3 py-3.5 mb-8 font-sans text-md text-left dark:text-white flex items-center " onClick={loadMore}>
+            <span className="whitespace-nowrap mr-4">↓ Show 3 more replies</span>
+            <span className="inline-block w-full bg-neutral-100 dark:bg-[rgba(255,255,255,0.08)] rounded h-[3px] mt-[3px]" />
+        </button>
+    );
+};
+
+export default RepliesPagination;