Qihan/MyBlog-Next
1
0
Fork 0
mirror of https://github.com/ChenQihan666/MyBlog-Next.git synced 2026-08-14 11:29:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update post/index page to display page 1

Browse Source
This commit is contained in:
Sat Naing
2022-09-20 20:56:58 +06:30
parent 17dfe7f24c
commit 598e231f4a
1 changed files with 10 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/posts/index.astro
+10 -20
View File
@@ -1,29 +1,19 @@
--- ---
import Layout from "@layouts/Layout.astro"; import Posts from "@layouts/Posts.astro";
import Header from "@components/Header.astro";
import Footer from "@components/Footer.astro";
import Main from "@layouts/Main.astro";
import Card from "@components/Card";
import getSortedPosts from "@utils/getSortedPosts"; import getSortedPosts from "@utils/getSortedPosts";
import getPageNumbers from "@utils/getPageNumbers";
import type { Frontmatter } from "@utils/types"; import type { Frontmatter } from "@utils/types";
const posts = await Astro.glob<Frontmatter>("../../contents/*.md"); const posts = await Astro.glob<Frontmatter>("../../contents/*.md");
const sortedPosts = getSortedPosts(posts); const sortedPosts = getSortedPosts(posts);
const totalPages = getPageNumbers(posts.length);
const paginatedPosts = sortedPosts.slice(
0,
import.meta.env.PUBLIC_POST_PER_PAGE
);
--- ---
<Layout title={`Posts | ${import.meta.env.PUBLIC_SITE_TITLE}`}> <Posts posts={paginatedPosts} pageNum={1} totalPages={totalPages.length} />
<Header activeNav="posts" />
<Main pageTitle="Posts" pageDesc="All the articles I've posted.">
<ul>
{
sortedPosts.map(({ frontmatter }) => {
return (
<Card href={`/posts/${frontmatter.slug}`} post={frontmatter} />
);
})
}
</ul>
</Main>
<Footer />
</Layout>