maciejpedzich/maciejpedzi.ch
1
0
Fork 0
mirror of https://github.com/maciejpedzich/maciejpedzi.ch.git synced 2024-09-20 02:06:18 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Ensure "no posts" message doesn't get placed in ul

Browse Source
This commit is contained in:
Maciej Pędzich 2023-05-13 08:40:23 +02:00
parent 6a35c00298
commit d5a7b418a3
1 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/PostList.astro
View File

@ -16,16 +16,22 @@ const posts = (
).sort((a, b) => a.data.pubDate.valueOf() - b.data.pubDate.valueOf()); ).sort((a, b) => a.data.pubDate.valueOf() - b.data.pubDate.valueOf());
--- ---
<ul class="post-list"> {
{ posts.length === 0 ? (
posts.length === 0 ? ( <p id="no-posts-found">No posts were found...</p>
<p>No posts were found</p> ) : (
) : ( <ul class="post-list">
posts.map((post) => ( {posts.map((post) => (
<li> <li>
<a href={`/blog/${post.slug}`}>{post.data.title}</a> <a href={`/blog/${post.slug}`}>{post.data.title}</a>
</li> </li>
)) ))}
) </ul>
)
}
<style>
#no-posts-found {
text-align: center;
} }
</ul> </style>