Rewrite popup in react

This commit is contained in:
Ajay
2025-06-02 04:11:52 -04:00
parent d7db6d58c5
commit e4a050f905
14 changed files with 1446 additions and 208 deletions

View File

@@ -0,0 +1,27 @@
import * as React from "react";
export interface CheckIconProps {
id?: string;
style?: React.CSSProperties;
className?: string;
onClick?: () => void;
}
const CheckIcon = ({
id = "",
className = "",
style = {},
onClick
}: CheckIconProps): JSX.Element => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
className={className}
style={style}
id={id}
onClick={onClick} >
<path d="M20.3 2L9 13.6l-5.3-5L0 12.3 9 21 24 5.7z"/>
</svg>
);
export default CheckIcon;

View File

@@ -0,0 +1,28 @@
import * as React from "react";
export interface ClipboardIconProps {
id?: string;
style?: React.CSSProperties;
className?: string;
onClick?: () => void;
}
const ClipboardIcon = ({
id = "",
className = "",
style = {},
onClick
}: ClipboardIconProps): JSX.Element => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
className={className}
style={style}
id={id}
onClick={onClick} >
<path d="M0 0h24v24H0z" fill="none" />
<path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z" />
</svg>
);
export default ClipboardIcon;

View File

@@ -0,0 +1,27 @@
import * as React from "react";
export interface PencilIconProps {
id?: string;
style?: React.CSSProperties;
className?: string;
onClick?: () => void;
}
const PencilIcon = ({
id = "",
className = "",
style = {},
onClick
}: PencilIconProps): JSX.Element => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
className={className}
style={style}
id={id}
onClick={onClick} >
<path d="M14.1 7.1l2.9 2.9L6.1 20.7l-3.6.7.7-3.6L14.1 7.1zm0-2.8L1.4 16.9 0 24l7.1-1.4L19.8 9.9l-5.7-5.7zm7.1 4.3L24 5.7 18.3 0l-2.8 2.8 5.7 5.7z"/>
</svg>
);
export default PencilIcon;