Use plus icon from @wordpress/icons

[MAILPOET-4287]
This commit is contained in:
Jan Jakes
2022-05-18 13:23:45 +02:00
committed by Veljko V
parent fa310415a6
commit 3d2a5afb65
4 changed files with 3 additions and 17 deletions

View File

@@ -3,6 +3,7 @@
background: #dcdcde; background: #dcdcde;
border: none; border: none;
border-radius: 2px; border-radius: 2px;
fill: #2b3337;
height: 16px; height: 16px;
margin: 0; margin: 0;
outline: 4px solid #fbfbfb; outline: 4px solid #fbfbfb;

View File

@@ -1,4 +1,3 @@
export { DelayIcon } from './delay'; export { DelayIcon } from './delay';
export { EmailIcon } from './email'; export { EmailIcon } from './email';
export { PlusIcon } from './plus';
export { TriggerIcon } from './trigger'; export { TriggerIcon } from './trigger';

View File

@@ -1,14 +0,0 @@
export function PlusIcon(): JSX.Element {
return (
<svg
width="16"
height="16"
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M4 8H12" stroke="#2C3338" />
<path d="M8 4L8 12" stroke="#2C3338" />
</svg>
);
}

View File

@@ -1,7 +1,7 @@
import { useContext } from 'react'; import { useContext } from 'react';
import { __unstableCompositeItem as CompositeItem } from '@wordpress/components'; import { __unstableCompositeItem as CompositeItem } from '@wordpress/components';
import { Icon, plus } from '@wordpress/icons';
import { WorkflowCompositeContext } from './context'; import { WorkflowCompositeContext } from './context';
import { PlusIcon } from '../icons';
type Props = { type Props = {
onClick?: (element: HTMLButtonElement) => void; onClick?: (element: HTMLButtonElement) => void;
@@ -21,7 +21,7 @@ export function AddStepButton({ onClick }: Props): JSX.Element {
onClick(button); onClick(button);
}} }}
> >
<PlusIcon /> <Icon icon={plus} size={16} />
</CompositeItem> </CompositeItem>
); );
} }