mirror of
https://github.com/ajayyy/SponsorBlock.git
synced 2026-01-03 07:09:04 +03:00
Rewrite popup in react
This commit is contained in:
27
src/svg-icons/checkIcon.tsx
Normal file
27
src/svg-icons/checkIcon.tsx
Normal 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;
|
||||
28
src/svg-icons/clipboardIcon.tsx
Normal file
28
src/svg-icons/clipboardIcon.tsx
Normal 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;
|
||||
27
src/svg-icons/pencilIcon.tsx
Normal file
27
src/svg-icons/pencilIcon.tsx
Normal 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;
|
||||
Reference in New Issue
Block a user