el.xwx.moe/components/LinkViews/Layouts/GridView.tsx

21 lines
519 B
TypeScript
Raw Normal View History

import LinkGrid from "@/components/LinkViews/LinkGrid";
import { LinkIncludingShortenedCollectionAndTags } from "@/types/global";
2023-12-16 14:06:26 -06:00
2023-12-21 04:11:26 -06:00
export default function GridView({
2023-12-16 14:06:26 -06:00
links,
}: {
links: LinkIncludingShortenedCollectionAndTags[];
}) {
return (
<div className="columns-1 xl:columns-2 2xl:columns-3 gap-5">
{links.map((e, i) => {
return (
2023-12-17 16:06:55 -06:00
<div key={i} className="break-inside-avoid mb-5">
<LinkGrid link={e} count={i} />
2023-12-16 14:06:26 -06:00
</div>
);
})}
</div>
);
}