diff options
| author | nsfisis <nsfisis@gmail.com> | 2025-01-12 21:59:55 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2025-01-12 22:16:17 +0900 |
| commit | 16182acfcc1fad2885b9c1a96fe74d8ce56a50e0 (patch) | |
| tree | dfff5ee9b9a9e16680fda5cba36e5c817eda1f9e /vhosts/blog/nuldoc-src/pages/SlideListPage.tsx | |
| parent | f31d24cd1417088b7806ddc7d2e0df982d666e38 (diff) | |
| download | nsfisis.dev-16182acfcc1fad2885b9c1a96fe74d8ce56a50e0.tar.gz nsfisis.dev-16182acfcc1fad2885b9c1a96fe74d8ce56a50e0.tar.zst nsfisis.dev-16182acfcc1fad2885b9c1a96fe74d8ce56a50e0.zip | |
refactor(blog/nuldoc): separate pages/* to pages/* and generators/*
Diffstat (limited to 'vhosts/blog/nuldoc-src/pages/SlideListPage.tsx')
| -rw-r--r-- | vhosts/blog/nuldoc-src/pages/SlideListPage.tsx | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/vhosts/blog/nuldoc-src/pages/SlideListPage.tsx b/vhosts/blog/nuldoc-src/pages/SlideListPage.tsx new file mode 100644 index 00000000..44d6afff --- /dev/null +++ b/vhosts/blog/nuldoc-src/pages/SlideListPage.tsx @@ -0,0 +1,42 @@ +import GlobalFooter from "../components/GlobalFooter.tsx"; +import GlobalHeader from "../components/GlobalHeader.tsx"; +import PageLayout from "../components/PageLayout.tsx"; +import SlidePageEntry from "../components/SlidePageEntry.tsx"; +import { Config } from "../config.ts"; +import { dateToString } from "../revision.ts"; +import { getPostPublishedDate } from "../generators/post.ts"; +import { SlidePage } from "../generators/slide.ts"; + +export default function SlideListPage( + slides: SlidePage[], + config: Config, +) { + const pageTitle = "スライド一覧"; + + return ( + <PageLayout + metaCopyrightYear={config.blog.siteCopyrightYear} + metaDescription="登壇したイベントで使用したスライドの一覧" + metaTitle={`${pageTitle}｜${config.blog.siteName}`} + metaAtomFeedHref={`https://${config.blog.fqdn}/slides/atom.xml`} + config={config} + > + <body className="list"> + <GlobalHeader config={config} /> + <main className="main"> + <header className="page-header"> + <h1>{pageTitle}</h1> + </header> + {Array.from(slides).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((slide) => <SlidePageEntry slide={slide} />)} + </main> + <GlobalFooter config={config} /> + </body> + </PageLayout> + ); +} |