33 lines
677 B
JavaScript
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;
|