From 3d2a5afb65b06739d77185bacbb52c1affda6351 Mon Sep 17 00:00:00 2001
From: Jan Jakes <jan.jakes@automattic.com>
Date: Wed, 18 May 2022 13:23:45 +0200
Subject: [PATCH] Use plus icon from @wordpress/icons

[MAILPOET-4287]
---
 .../_add-step-button.scss                          |  1 +
 .../automation/editor/components/icons/index.ts    |  1 -
 .../automation/editor/components/icons/plus.tsx    | 14 --------------
 .../editor/components/workflow/add-step-button.tsx |  4 ++--
 4 files changed, 3 insertions(+), 17 deletions(-)
 delete mode 100644 mailpoet/assets/js/src/automation/editor/components/icons/plus.tsx

diff --git a/mailpoet/assets/css/src/components-automation-editor/_add-step-button.scss b/mailpoet/assets/css/src/components-automation-editor/_add-step-button.scss
index 3cc27186c0..8a8d6039f7 100644
--- a/mailpoet/assets/css/src/components-automation-editor/_add-step-button.scss
+++ b/mailpoet/assets/css/src/components-automation-editor/_add-step-button.scss
@@ -3,6 +3,7 @@
   background: #dcdcde;
   border: none;
   border-radius: 2px;
+  fill: #2b3337;
   height: 16px;
   margin: 0;
   outline: 4px solid #fbfbfb;
diff --git a/mailpoet/assets/js/src/automation/editor/components/icons/index.ts b/mailpoet/assets/js/src/automation/editor/components/icons/index.ts
index b6f7264383..ff4325aad2 100644
--- a/mailpoet/assets/js/src/automation/editor/components/icons/index.ts
+++ b/mailpoet/assets/js/src/automation/editor/components/icons/index.ts
@@ -1,4 +1,3 @@
 export { DelayIcon } from './delay';
 export { EmailIcon } from './email';
-export { PlusIcon } from './plus';
 export { TriggerIcon } from './trigger';
diff --git a/mailpoet/assets/js/src/automation/editor/components/icons/plus.tsx b/mailpoet/assets/js/src/automation/editor/components/icons/plus.tsx
deleted file mode 100644
index 45a7f6a332..0000000000
--- a/mailpoet/assets/js/src/automation/editor/components/icons/plus.tsx
+++ /dev/null
@@ -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>
-  );
-}
diff --git a/mailpoet/assets/js/src/automation/editor/components/workflow/add-step-button.tsx b/mailpoet/assets/js/src/automation/editor/components/workflow/add-step-button.tsx
index 76162ec5fb..bc03fb0bae 100644
--- a/mailpoet/assets/js/src/automation/editor/components/workflow/add-step-button.tsx
+++ b/mailpoet/assets/js/src/automation/editor/components/workflow/add-step-button.tsx
@@ -1,7 +1,7 @@
 import { useContext } from 'react';
 import { __unstableCompositeItem as CompositeItem } from '@wordpress/components';
+import { Icon, plus } from '@wordpress/icons';
 import { WorkflowCompositeContext } from './context';
-import { PlusIcon } from '../icons';
 
 type Props = {
   onClick?: (element: HTMLButtonElement) => void;
@@ -21,7 +21,7 @@ export function AddStepButton({ onClick }: Props): JSX.Element {
         onClick(button);
       }}
     >
-      <PlusIcon />
+      <Icon icon={plus} size={16} />
     </CompositeItem>
   );
 }