| 1 | import { SkeletonCard } from "@/app/_ui/skeleton-card"; |
| 2 | import { getCategory } from "@/app/api/categories/getCategories"; |
| 3 | |
| 4 | export default async function Page({ |
| 5 | params, |
| 6 | }: { |
| 7 | params: { categorySlug: string }; |
| 8 | }) { |
| 9 | const category = await getCategory({ slug: params.categorySlug }); |
| 10 | |
| 11 | return ( |
| 12 | <div className="space-y-4"> |
| 13 | <h1 className="text-xl font-medium text-gray-400/80"> |
| 14 | All {category.name} |
| 15 | </h1> |
| 16 | |
| 17 | <div className="grid grid-cols-1 gap-6 lg:grid-cols-3"> |
| 18 | {Array.from({ length: 9 }).map((_, i) => ( |
| 19 | <SkeletonCard key={i} /> |
| 20 | ))} |
| 21 | </div> |
| 22 | </div> |
| 23 | ); |
| 24 | } |