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 show more component

Browse source
This commit is contained in:
Sanne de Vries 2022-07-06 14:58:05 +02:00
parent 3f7f63ede4
commit 90c5dc7e4e
1 changed files with 12 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
ghost/sodo-search/src/components/PopupModal.js
View file

@ -222,6 +222,14 @@ function PostListItem({post}) {
); );
} }
function ShowMoreButtom() {
return (
<button className='w-full my-3 p-[1rem] border border-neutral-200 hover:border-neutral-300 text-neutral-800 hover:text-black font-semibold rounded transition duration-150 ease hover:ease'>
Show more results
</button>
);
}
function PostResults({posts}) { function PostResults({posts}) {
if (!posts?.length) { if (!posts?.length) {
return null; return null;
@ -239,6 +247,7 @@ function PostResults({posts}) {
<div className='border-t border-neutral-200 py-3 px-7'> <div className='border-t border-neutral-200 py-3 px-7'>
<h1 className='uppercase text-xs text-neutral-400 font-semibold mb-1 tracking-wide'>Posts</h1> <h1 className='uppercase text-xs text-neutral-400 font-semibold mb-1 tracking-wide'>Posts</h1>
{PostItems} {PostItems}
<ShowMoreButtom />
</div> </div>
); );
} }
@ -247,7 +256,7 @@ function AuthorListItem({author}) {
const {name, profile_image: profileImage, url} = author; const {name, profile_image: profileImage, url} = author;
return ( return (
<div <div
className='py-3 -mx-7 px-7 hover:bg-neutral-100 cursor-pointer flex items-center' className='py-[1rem] -mx-7 px-7 hover:bg-neutral-100 cursor-pointer flex items-center'
onClick={() => { onClick={() => {
if (url) { if (url) {
window.location.href = url; window.location.href = url;
@ -265,11 +274,11 @@ function AuthorAvatar({name, avatar}) {
const Character = name.charAt(0); const Character = name.charAt(0);
if (Avatar) { if (Avatar) {
return ( return (
<img className='rounded-full bg-neutral-300 w-6 h-6 mr-2 object-cover' src={avatar} alt={name}/> <img className='rounded-full bg-neutral-300 w-7 h-7 mr-2 object-cover' src={avatar} alt={name}/>
); );
} }
return ( return (
<div className='rounded-full bg-neutral-200 w-6 h-6 mr-2 flex items-center justify-center font-bold'><span className="text-neutral-400">{Character}</span></div> <div className='rounded-full bg-neutral-200 w-7 h-7 mr-2 flex items-center justify-center font-bold'><span className="text-neutral-400">{Character}</span></div>
); );
} }