34 lines
917 B
TypeScript
34 lines
917 B
TypeScript
import Link from "next/link";
|
|
import { getAllChilds, type BaseMdxFrontmatter } from "@/lib/markdown";
|
|
|
|
type OutletProps = {
|
|
path: string;
|
|
};
|
|
|
|
type ChildCardProps = BaseMdxFrontmatter & { href: string };
|
|
|
|
export default async function Outlet({ path }: OutletProps) {
|
|
if (!path) {
|
|
throw new Error("path not provided");
|
|
}
|
|
|
|
const output = await getAllChilds(path);
|
|
|
|
return (
|
|
<div className="grid md:grid-cols-2 gap-5">
|
|
{output.map((child) => (
|
|
<ChildCard {...child} key={child.title} />
|
|
))}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
function ChildCard({ description, href, title }: ChildCardProps) {
|
|
return (
|
|
<Link href={href} className="border rounded-md p-4 no-underline flex flex-col gap-0.5">
|
|
<h4 className="!my-0">{title}</h4>
|
|
<p className="text-sm text-muted-foreground !my-0">{description}</p>
|
|
</Link>
|
|
);
|
|
}
|