diff options
| author | nsfisis <nsfisis@gmail.com> | 2025-11-02 17:49:34 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2025-11-02 17:49:34 +0900 |
| commit | 57315c52be96d2a2c013f0cfb0de5429980e301a (patch) | |
| tree | 5d691497772fddfe401cd970ead4e9a74b34ef38 /services/nuldoc/nuldoc-src/pages/PostListPage.tsx | |
| parent | cf4091a93ed831456e8b30e2a9e1fc2650dcae02 (diff) | |
| download | nsfisis.dev-57315c52be96d2a2c013f0cfb0de5429980e301a.tar.gz nsfisis.dev-57315c52be96d2a2c013f0cfb0de5429980e301a.tar.zst nsfisis.dev-57315c52be96d2a2c013f0cfb0de5429980e301a.zip | |
refactor(blog): rename directory, services/{blog => nuldoc}/
Diffstat (limited to 'services/nuldoc/nuldoc-src/pages/PostListPage.tsx')
| -rw-r--r-- | services/nuldoc/nuldoc-src/pages/PostListPage.tsx | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/services/nuldoc/nuldoc-src/pages/PostListPage.tsx b/services/nuldoc/nuldoc-src/pages/PostListPage.tsx new file mode 100644 index 0000000..b825f69 --- /dev/null +++ b/services/nuldoc/nuldoc-src/pages/PostListPage.tsx @@ -0,0 +1,56 @@ +import GlobalFooter from "../components/GlobalFooter.tsx"; +import GlobalHeader from "../components/GlobalHeader.tsx"; +import PageLayout from "../components/PageLayout.tsx"; +import Pagination from "../components/Pagination.tsx"; +import PostPageEntry from "../components/PostPageEntry.tsx"; +import { Config } from "../config.ts"; +import { PostPage } from "../generators/post.ts"; + +export default function PostListPage( + posts: PostPage[], + config: Config, + currentPage: number, + totalPages: number, +) { + const pageTitle = "投稿一覧"; + + const pageInfoSuffix = ` (${currentPage}ページ目)`; + const metaTitle = `${pageTitle}${pageInfoSuffix}｜${config.blog.siteName}`; + const metaDescription = `投稿した記事の一覧${pageInfoSuffix}`; + + return ( + <PageLayout + metaCopyrightYear={config.blog.siteCopyrightYear} + metaDescription={metaDescription} + metaTitle={metaTitle} + metaAtomFeedHref={`https://${config.blog.fqdn}/posts/atom.xml`} + config={config} + > + <body className="list"> + <GlobalHeader config={config} /> + <main className="main"> + <header className="page-header"> + <h1>{pageTitle}{pageInfoSuffix}</h1> + </header> + + <Pagination + currentPage={currentPage} + totalPages={totalPages} + basePath="/posts/" + /> + + {posts.map((post) => ( + <PostPageEntry post={post} config={config} key={post.uuid} /> + ))} + + <Pagination + currentPage={currentPage} + totalPages={totalPages} + basePath="/posts/" + /> + </main> + <GlobalFooter config={config} /> + </body> + </PageLayout> + ); +} |