32 lines
752 B
TypeScript
32 lines
752 B
TypeScript
import { TemplateCard } from './TemplateCard';
|
|
|
|
interface Template {
|
|
id: string;
|
|
title: string;
|
|
type: string;
|
|
description: string;
|
|
updateTime: string;
|
|
useCount: number;
|
|
rating: number;
|
|
category: string;
|
|
}
|
|
|
|
interface TemplateGridProps {
|
|
templates: Template[];
|
|
viewMode: 'grid' | 'list';
|
|
onTemplateClick: (templateId: string) => void;
|
|
}
|
|
|
|
export function TemplateGrid({ templates, viewMode, onTemplateClick }: TemplateGridProps) {
|
|
return (
|
|
<div className={`template-grid ${viewMode === 'list' ? 'list-view' : ''}`}>
|
|
{templates.map((template) => (
|
|
<TemplateCard
|
|
key={template.id}
|
|
template={template}
|
|
onClick={() => onTemplateClick(template.id)}
|
|
/>
|
|
))}
|
|
</div>
|
|
);
|
|
}
|