wehub-resource-sync
32 lines
759 B
TypeScript
32 lines
759 B
TypeScript
import Link from "next/link"
|
|
|
|
import { source } from "@/lib/source"
|
|
|
|
export function ComponentsList() {
|
|
const components = source.pageTree.children.find(
|
|
(page) => page.$id === "components"
|
|
)
|
|
|
|
if (components?.type !== "folder") {
|
|
return
|
|
}
|
|
|
|
const list = components.children.filter(
|
|
(component) => component.type === "page"
|
|
)
|
|
|
|
return (
|
|
<div className="grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 md:gap-x-8 lg:gap-x-16 lg:gap-y-6 xl:gap-x-20">
|
|
{list.map((component) => (
|
|
<Link
|
|
key={component.$id}
|
|
href={component.url}
|
|
className="text-lg font-medium underline-offset-4 hover:underline md:text-base"
|
|
>
|
|
{component.name}
|
|
</Link>
|
|
))}
|
|
</div>
|
|
)
|
|
}
|