contiago-toolbar/app/containers/ArticlePage/components/Attachments/Media/ImageItem.js

One of the options for outputting content from contiago xml-server

import React from 'react';
import { convertImagePathToUrl } from 'utils/imagesUtil';
import { MdSearch } from 'react-icons/lib/md';
import Wrapper from './Wrapper';
import Img from './Img';
import HoverPreview from './HoverPreview';

const ImageItem = ({ image, size, iconSize }) => {
  const { title, path } = image;
  const link = convertImagePathToUrl(path);
  return (
    <Wrapper size={size}>
      <Img src={link} alt={title} size={size} />
      <HoverPreview iconSize={iconSize}>
        <MdSearch />
      </HoverPreview>
    </Wrapper>
  );
};

export default ImageItem;