30 lines
744 B
JavaScript
30 lines
744 B
JavaScript
import React from 'react';
|
|
import { Tooltip, Icon } from 'UI';
|
|
import styles from './imageInfo.module.css';
|
|
|
|
const ImageInfo = ({ data }) => (
|
|
<div className={styles.name}>
|
|
<Tooltip
|
|
className={styles.popup}
|
|
title={
|
|
<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>
|
|
</Tooltip>
|
|
<Tooltip disabled content={data.url}>
|
|
<span>{data.name}</span>
|
|
</Tooltip>
|
|
</div>
|
|
);
|
|
|
|
ImageInfo.displayName = 'ImageInfo';
|
|
|
|
export default ImageInfo;
|