contiago-toolbar
Version:
One of the options for outputting content from contiago xml-server
26 lines (23 loc) • 699 B
JavaScript
import React from 'react';
import VideoItem from './VideoItem';
import ImageItem from './ImageItem';
import Body from './Body';
const MediaList = ({ videos, images, size, iconSize, onSetPreviewImage }) => {
const listVideo = videos ?
videos.map((video) =>
<div key={video.id}>
<VideoItem video={video} size={size} iconSize={iconSize} />
</div>) : null;
const listImages = images ?
images.map((image) =>
<div key={image.id} onClick={() => onSetPreviewImage(image)}>
<ImageItem image={image} size={size} iconSize={iconSize} />
</div>) : null;
return (
<Body>
{listVideo}
{listImages}
</Body>
);
}
export default MediaList;