File size: 722 Bytes
3927930 6eec14a 3927930 6eec14a 3927930 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
import { api_host } from '@/utils/api';
import { Popover } from 'antd';
import classNames from 'classnames';
import styles from './index.less';
interface IImage {
id: string;
className: string;
}
const Image = ({ id, className, ...props }: IImage) => {
return (
<img
{...props}
src={`${api_host}/document/image/${id}`}
alt=""
className={classNames(styles.primitiveImg, className)}
/>
);
};
export default Image;
export const ImageWithPopover = ({ id }: { id: string }) => {
return (
<Popover
placement="left"
content={<Image id={id} className={styles.imagePreview}></Image>}
>
<Image id={id} className={styles.image}></Image>
</Popover>
);
};
|