Version 3 of the kit: - Radix UI replaced with Base UI (using the Shadcn UI patterns) - next-intl replaces react-i18next - enhanceAction deprecated; usage moved to next-safe-action - main layout now wrapped with [locale] path segment - Teams only mode - Layout updates - Zod v4 - Next.js 16.2 - Typescript 6 - All other dependencies updated - Removed deprecated Edge CSRF - Dynamic Github Action runner
25 lines
616 B
TypeScript
25 lines
616 B
TypeScript
import { Cms } from '@kit/cms';
|
|
|
|
import { DocsCard } from './docs-card';
|
|
|
|
export function DocsCards({ cards }: { cards: Cms.ContentItem[] }) {
|
|
const cardsSortedByOrder = [...cards].sort((a, b) => a.order - b.order);
|
|
|
|
return (
|
|
<div className={'absolute flex w-full flex-col gap-4 pb-48 lg:max-w-2xl'}>
|
|
{cardsSortedByOrder.map((item) => {
|
|
return (
|
|
<DocsCard
|
|
key={item.title}
|
|
title={item.title}
|
|
subtitle={item.description}
|
|
link={{
|
|
url: `/docs/${item.slug}`,
|
|
}}
|
|
/>
|
|
);
|
|
})}
|
|
</div>
|
|
);
|
|
}
|