memorium/routes/movies/[name].tsx
2023-07-30 23:55:51 +02:00

31 lines
871 B
TypeScript

import { Handlers, PageProps } from "$fresh/server.ts";
import { MainLayout } from "@components/layouts/main.tsx";
import { Movie } from "@lib/movies.ts";
import { getMovie } from "../api/movies/[name].ts";
import { RecipeHero } from "@components/RecipeHero.tsx";
export const handler: Handlers<Movie | null> = {
async GET(_, ctx) {
const movie = await getMovie(ctx.params.name);
return ctx.render(movie);
},
};
export default function Greet(props: PageProps<Movie>) {
const movie = props.data;
return (
<MainLayout url={props.url}>
<RecipeHero data={movie} backlink="/movies" />
<div class="px-8 text-white mt-10">
<pre
class="whitespace-break-spaces"
dangerouslySetInnerHTML={{ __html: movie.description || "" }}
>
{movie.description}
</pre>
</div>
</MainLayout>
);
}