27 lines
721 B
JavaScript
27 lines
721 B
JavaScript
import React from 'react';
|
|
import { Popup, Icon } from 'UI';
|
|
import styles from './imageInfo.module.css';
|
|
|
|
const ImageInfo = ({ data }) => (
|
|
<div className={ styles.name }>
|
|
<Popup
|
|
className={ styles.popup }
|
|
content={ <img src={ `//${ data.url }` } className={ styles.imagePreview } alt="One of the slowest images" /> }
|
|
>
|
|
<div className={ styles.imageWrapper }>
|
|
<Icon name="camera-alt" size="18" color="gray-light" />
|
|
<div className={ styles.label }>{ 'Preview' }</div>
|
|
</div>
|
|
</Popup>
|
|
<Popup
|
|
disabled
|
|
content={ data.url }
|
|
>
|
|
<span>{ data.name }</span>
|
|
</Popup>
|
|
</div>
|
|
);
|
|
|
|
ImageInfo.displayName = 'ImageInfo';
|
|
|
|
export default ImageInfo;
|