monoid/Stock
1
0
Fork 0
Code Issues 2 Pull Requests Projects Releases Wiki Activity

feat: show page description

Browse Source
This commit is contained in:
monoid 2023-10-26 22:09:44 +09:00
parent 22fad337ae
commit 32c1458a9c
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
routes/pages/[name].tsx
View File

@ -1,14 +1,26 @@
import { PageProps } from "$fresh/server.ts"; import { PageProps, Handlers } from "$fresh/server.ts";
import { Head } from "$fresh/runtime.ts"; import { Head } from "$fresh/runtime.ts";
import { get_pages_meta, PageDescription } from "../../pages.ts";
import StockList from "../../islands/StockList.tsx"; import StockList from "../../islands/StockList.tsx";
export const handler: Handlers = {
async GET(_req, ctx) {
const [pages, _] = await get_pages_meta();
const name = ctx.params.name;
const page = pages.filter(x=> x.name === name);
if (page.length === 0) {
return await ctx.renderNotFound();
}
return await ctx.render(page[0]);
},
};
export default function Pages(props: PageProps) { export default function Pages(props: PageProps<PageDescription>) {
return <> return <>
<Head> <Head>
<title>Stock: {props.params.name}</title> <title>Stock: {props.params.name}</title>
</Head> </Head>
<div class="px-4 py-8 mx-auto bg-[#86efac]"> <div class="px-4 py-8 mx-auto bg-[#86efac] min-h-screen">
<div class="max-w-screen-md mx-auto flex flex-col items-center justify-center"> <div class="max-w-screen-md mx-auto flex flex-col items-center justify-center">
<img <img
class="my-6" class="my-6"
@ -18,6 +30,7 @@ export default function Pages(props: PageProps) {
alt="stock graph" alt="stock graph"
/> />
<h1 class="text-4xl">{props.params.name}</h1> <h1 class="text-4xl">{props.params.name}</h1>
<p>{props.data.description}</p>
<StockList pageName={props.params.name}></StockList> <StockList pageName={props.params.name}></StockList>
</div> </div>
</div> </div>