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

Added tag items to search results

Browse source
This commit is contained in:
Sanne de Vries 2022-07-05 15:33:04 +02:00
parent e72cf1a267
commit e7c9013ffd
1 changed files with 40 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -94,9 +94,35 @@ function SearchBox() {
); );
} }
function TagListItem({title}) {
return (
<div className="flex items-center py-3 -mx-7 px-7 hover:bg-gray-100 cursor-pointer">
<p className='mr-2 text-sm font-bold text-neutral-400'>#</p>
<h2 className="text-[1.65rem] font-medium leading-tight text-neutral-900">{title}</h2>
</div>
);
}
function TagResults({tags}) {
const TagItems = tags.map((d) => {
return (
<TagListItem
key={d.title}
title={d.title}
/>
);
});
return (
<div className="border-t border-gray-200 py-6 px-7">
<h1 className="uppercase text-xs text-neutral-400 font-semibold mb-2">Tags</h1>
{TagItems}
</div>
);
}
function PostListItem({title, excerpt}) { function PostListItem({title, excerpt}) {
return ( return (
<div className="py-2 -mx-7 px-7 hover:bg-neutral-100 cursor-pointer"> <div className="py-3 -mx-7 px-7 hover:bg-neutral-100 cursor-pointer">
<h2 className="text-[1.65rem] font-medium leading-tight text-neutral-900">{title}</h2> <h2 className="text-[1.65rem] font-medium leading-tight text-neutral-900">{title}</h2>
<p className="text-neutral-400 leading-normal text-sm mt-0 mb-0 truncate">{excerpt}</p> <p className="text-neutral-400 leading-normal text-sm mt-0 mb-0 truncate">{excerpt}</p>
</div> </div>
@ -151,6 +177,15 @@ function AuthorResults({authors}) {
} }
function SearchResultBox() { function SearchResultBox() {
const tags = [
{
title: 'Lifestyle'
},
{
title: 'Business'
}
];
const posts = [ const posts = [
{ {
title: 'The DNC’s Disastrous Post-Roe Message', title: 'The DNC’s Disastrous Post-Roe Message',
@ -178,10 +213,10 @@ function SearchResultBox() {
} }
]; ];
const hasResults = posts?.length || authors?.length; const hasResults = posts?.length || authors?.length || tags?.length;
if (hasResults) { if (hasResults) {
return ( return (
<Results posts={posts} authors={authors} /> <Results posts={posts} authors={authors} tags={tags} />
); );
} }
@ -190,10 +225,11 @@ function SearchResultBox() {
); );
} }
function Results({posts, authors}) { function Results({posts, authors, tags}) {
return ( return (
<div> <div>
<AuthorResults authors={authors} /> <AuthorResults authors={authors} />
<TagResults tags={tags} />
<PostResults posts={posts} /> <PostResults posts={posts} />
</div> </div>
); );