diff options
| author | nsfisis <nsfisis@gmail.com> | 2025-01-12 22:17:44 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2025-01-12 22:17:44 +0900 |
| commit | b14dd149e1b5f75bc494623181b19970ef830dec (patch) | |
| tree | dfff5ee9b9a9e16680fda5cba36e5c817eda1f9e /vhosts/blog/nuldoc-src/pages/PostListPage.tsx | |
| parent | aecf316775c995f089012d8fec5c5cc77f6300be (diff) | |
| parent | 16182acfcc1fad2885b9c1a96fe74d8ce56a50e0 (diff) | |
| download | nsfisis.dev-b14dd149e1b5f75bc494623181b19970ef830dec.tar.gz nsfisis.dev-b14dd149e1b5f75bc494623181b19970ef830dec.tar.zst nsfisis.dev-b14dd149e1b5f75bc494623181b19970ef830dec.zip | |
Merge branch 'feature/blog-nuldoc-jsx'
Diffstat (limited to 'vhosts/blog/nuldoc-src/pages/PostListPage.tsx')
| -rw-r--r-- | vhosts/blog/nuldoc-src/pages/PostListPage.tsx | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/vhosts/blog/nuldoc-src/pages/PostListPage.tsx b/vhosts/blog/nuldoc-src/pages/PostListPage.tsx new file mode 100644 index 00000000..3fcfbf1f --- /dev/null +++ b/vhosts/blog/nuldoc-src/pages/PostListPage.tsx @@ -0,0 +1,41 @@ +import GlobalFooter from "../components/GlobalFooter.tsx"; +import GlobalHeader from "../components/GlobalHeader.tsx"; +import PageLayout from "../components/PageLayout.tsx"; +import PostPageEntry from "../components/PostPageEntry.tsx"; +import { Config } from "../config.ts"; +import { dateToString } from "../revision.ts"; +import { getPostPublishedDate, PostPage } from "../generators/post.ts"; + +export default function PostListPage( + posts: PostPage[], + config: Config, +) { + const pageTitle = "投稿一覧"; + + return ( + <PageLayout + metaCopyrightYear={config.blog.siteCopyrightYear} + metaDescription="投稿した記事の一覧" + metaTitle={`${pageTitle}｜${config.blog.siteName}`} + 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}</h1> + </header> + {Array.from(posts).sort((a, b) => { + const ta = dateToString(getPostPublishedDate(a)); + const tb = dateToString(getPostPublishedDate(b)); + if (ta > tb) return -1; + if (ta < tb) return 1; + return 0; + }).map((post) => <PostPageEntry post={post} />)} + </main> + <GlobalFooter config={config} /> + </body> + </PageLayout> + ); +} |