db0606e064
### What problem does this PR solve? feat: Wrap the searched chunk with a Popover #2247 ### Type of change - [x] New Feature (non-breaking change which adds functionality)
34 lines
722 B
TypeScript
34 lines
722 B
TypeScript
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>
|
|
);
|
|
};
|