Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-06 22:40:14 -05:00
Code Issues Activity

Fixed pagination buttons to show singular values properly

Browse source 
refs https://github.com/TryGhost/Team/issues/1782
This commit is contained in:
James Morris 2022-08-12 08:56:19 +01:00
parent 34004cd135
commit fa056be39b
2 changed files with 2 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -20,7 +20,7 @@ const Pagination = (props) => {
return (
<button className="group w-full text-neutral-700 font-semibold px-0 pt-0 pb-2 mb-10 font-sans text-md text-left dark:text-white flex items-center " onClick={loadMore}>
<span className="whitespace-nowrap mr-4">↑ Show {left} previous comments</span>
<span className="whitespace-nowrap mr-4">↑ Show {left} previous {left === 1 ? 'comment' : 'comments'}</span>
<span className="transition-[background-color] duration-200 ease-out inline-block w-full bg-neutral-100 group-hover:bg-neutral-200 dark:bg-[rgba(255,255,255,0.05)] rounded h-[3px] mt-[3px]" />
</button>
);

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

@ -6,8 +6,7 @@ const RepliesPagination = (props) => {
return (
<button className="group w-full text-neutral-700 font-semibold mt-10 sm:mt-0 mb-10 font-sans text-md text-left dark:text-white flex items-center " onClick={loadMore}>
<span className="whitespace-nowrap mr-4">↓ Show {count} more replies</span>
{/* <span className="transition-[background-color] duration-200 ease-out inline-block w-full bg-neutral-100 dark:bg-[rgba(255,255,255,0.08)] group-hover:bg-neutral-200 rounded h-[2px] mt-[3px]" /> */}
<span className="whitespace-nowrap mr-4">↓ Show {count} more {count === 1 ? 'reply' : 'replies'}</span>
</button>
);
};