ig.rizaldy.club/components/Feed.js
2024-01-31 00:49:51 +07:00

33 lines
677 B
JavaScript

const Feed = ({
media,
type,
setOverlayContent,
currentIndex,
limitPerPage,
}) => (
<main className="grid grid-cols-3 gap-1">
{media
.slice(currentIndex, limitPerPage)
.map(({ id, url, previewPath, embedPath = url }) => (
<a
key={id}
href={url}
target="_blank"
rel="noopener noreferer"
onClick={(e) => {
e.preventDefault();
setOverlayContent({
url: embedPath,
type,
});
}}
>
<img alt={url} src={previewPath} className={`aspect-${type}`} />
</a>
))}
</main>
);
export default Feed;