Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

Added a dummy reply pagination button ready to wire up

Browse source 
refs https://github.com/TryGhost/Team/issues/1689
This commit is contained in:
James Morris 2022-07-20 12:31:35 +01:00
parent 4a4db114f0
commit 75ac4dcdc3
2 changed files with 18 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/comments-ui/src/components/Replies.js
View file

@ -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>
);
};

16
apps/comments-ui/src/components/RepliesPagination.js Normal file
View file

@ -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;