18 lines
469 B
TypeScript
18 lines
469 B
TypeScript
import { MangaCard } from "./manga-card";
|
|
import { MangaListDTO } from "@/api/mangamochi";
|
|
|
|
interface MangaGridProps {
|
|
manga: MangaListDTO[];
|
|
queryKey: any;
|
|
}
|
|
|
|
export function MangaGrid({ manga, queryKey }: MangaGridProps) {
|
|
return (
|
|
<div className="grid grid-cols-2 gap-6 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 auto-rows-fr">
|
|
{manga.map((item) => (
|
|
<MangaCard key={item.id} manga={item} queryKey={queryKey} />
|
|
))}
|
|
</div>
|
|
);
|
|
}
|