From c2b9ff4edacf78769d76866598759ecd91c6cc1d Mon Sep 17 00:00:00 2001
From: Christos Nasikas <christos.nasikas@elastic.co>
Date: Thu, 22 Jul 2021 13:37:27 +0300
Subject: [PATCH] [Alerting] Pass EuiIcon props to connectors logos (#106449)
 (#106499)

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
---
 .../components/builtin_action_types/jira/logo.tsx    |  4 +++-
 .../builtin_action_types/pagerduty/logo.tsx          |  4 +++-
 .../builtin_action_types/resilient/logo.tsx          | 12 ++++++++++--
 .../builtin_action_types/servicenow/logo.tsx         |  5 +++--
 .../builtin_action_types/swimlane/logo.tsx           |  4 +++-
 .../components/builtin_action_types/teams/logo.tsx   |  4 +++-
 .../components/builtin_action_types/types.ts         |  3 +++
 7 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/jira/logo.tsx b/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/jira/logo.tsx
index 2e8f1d5ef3bd7..f42b571408502 100644
--- a/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/jira/logo.tsx
+++ b/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/jira/logo.tsx
@@ -6,8 +6,9 @@
  */
 
 import React from 'react';
+import { LogoProps } from '../types';
 
-const Logo = () => (
+const Logo = (props: LogoProps) => (
   <svg
     width="32"
     height="32"
@@ -15,6 +16,7 @@ const Logo = () => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}
   >
     <rect width="32" height="32" fill="url(#pattern0)" />
     <defs>
diff --git a/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/pagerduty/logo.tsx b/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/pagerduty/logo.tsx
index 20db34351c6b1..ab991651a8a52 100644
--- a/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/pagerduty/logo.tsx
+++ b/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/pagerduty/logo.tsx
@@ -6,8 +6,9 @@
  */
 
 import React from 'react';
+import { LogoProps } from '../types';
 
-const Logo = () => (
+const Logo = (props: LogoProps) => (
   <svg
     version="1.1"
     id="Layer_1"
@@ -20,6 +21,7 @@ const Logo = () => (
     xmlSpace="preserve"
     width="32"
     height="32"
+    {...props}
   >
     <g>
       <rect y="128.4" className="st0" width="25.7" height="46.6" style={{ fill: '#06AC38' }} />
diff --git a/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/resilient/logo.tsx b/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/resilient/logo.tsx
index 325893756e2f4..7b64a1330d401 100644
--- a/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/resilient/logo.tsx
+++ b/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/resilient/logo.tsx
@@ -6,9 +6,17 @@
  */
 
 import React from 'react';
+import { LogoProps } from '../types';
 
-const Logo = () => (
-  <svg width="32" height="32" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+const Logo = (props: LogoProps) => (
+  <svg
+    width="32"
+    height="32"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
     <path
       d="M2 5V5.34375H4.33667V5H2ZM4.66667 5V5.34375H7.99667C7.99667 5.34375 7.65667 5 7.20667 5H4.66667ZM8.64666 5V5.34375H10.66L10.54 5H8.64666ZM12.1067 5L11.9867 5.34375H13.9834V5H12.1067ZM2 5.66667V6.01041H4.33667V5.66667H2ZM4.66667 5.66667V6.00695H8.38C8.38 6.00695 8.33667 5.74306 8.26 5.66667H4.66667ZM8.64666 5.66667V6.00695H10.88L10.77 5.66667H8.64666ZM11.8667 5.66667L11.7567 6.00695H13.9834V5.66667H11.8667ZM2.67 6.32986V6.67361H3.68V6.32986H2.67ZM5.33667 6.32986V6.67361H6.34667V6.32986H5.33667ZM7.33333 6.32986V6.67361H8.34333C8.34333 6.67361 8.40667 6.49305 8.40667 6.32986H7.33333ZM9.32 6.32986V6.67361H11.1133L10.9933 6.32986H9.32ZM11.6466 6.32986L11.5266 6.67361H13.33V6.32986H11.6466ZM2.67 6.99653V7.34028H3.68V6.99653H2.67ZM5.33667 6.99653V7.34028H7.92C7.92 7.34028 8.13667 7.1632 8.20667 6.99653H5.33667ZM9.32 6.99653V7.34028H10.33V7.1493L10.3933 7.34028H12.2466L12.3167 7.1493V7.34028H13.3266V6.99653H11.4267L11.3267 7.28472L11.2267 6.99653H9.32ZM2.67 7.6632V8.00695H3.68V7.6632H2.67ZM5.33667 7.6632V8.00695H8.20667C8.13667 7.84028 7.92 7.6632 7.92 7.6632H5.33667ZM9.32 7.6632V8.00695H10.33V7.6632H9.32ZM10.5133 7.6632L10.6367 8.00695H12.0267L12.1433 7.6632H10.5133ZM12.3167 7.6632V8.00695H13.3266V7.6632H12.3167ZM2.67 8.32639V8.67014H3.68V8.32639H2.67ZM5.33667 8.32639V8.67014H6.34667V8.32639H5.33667ZM7.33333 8.32639V8.67014H8.41C8.41 8.51041 8.34667 8.32639 8.34667 8.32639H7.33333ZM9.32 8.32639V8.67014H10.33V8.32639H9.32ZM10.7433 8.32639L10.8633 8.67014H11.7934L11.9134 8.32639H10.7433ZM12.3167 8.32639V8.67014H13.3266V8.32639H12.3167ZM2.01667 8.99305V9.3368H4.35333V8.99305H2.01667ZM4.66667 8.99305V9.3368H8.26333C8.34 9.25695 8.38333 8.99305 8.38333 8.99305H4.66667ZM8.66667 8.99305V9.3368H10.33V8.99305H8.66667ZM10.9733 8.99305L11.0967 9.3368H11.57L11.6833 8.99305H10.9733ZM12.3167 8.99305V9.3368H14V8.99305H12.3167ZM2.01667 9.65625V10H4.35333V9.65625H2.01667ZM4.66667 9.65625V9.99653H7.20333C7.65333 9.99653 7.99333 9.65625 7.99333 9.65625H4.66667ZM8.66667 9.65625V10H10.33V9.65625H8.66667ZM11.2067 9.65625L11.3233 9.99653H11.3433L11.4633 9.65625H11.2067ZM12.3167 9.65625V10H14V9.65625H12.3167Z"
       fill="#1F70C1"
diff --git a/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/servicenow/logo.tsx b/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/servicenow/logo.tsx
index f7f79d387c62c..e2c5546e31a72 100644
--- a/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/servicenow/logo.tsx
+++ b/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/servicenow/logo.tsx
@@ -6,10 +6,11 @@
  */
 
 import React from 'react';
+import { LogoProps } from '../types';
 
-function Logo() {
+function Logo(props: LogoProps) {
   return (
-    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" {...props}>
       <path
         fill="#293F41"
         fillRule="evenodd"
diff --git a/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/swimlane/logo.tsx b/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/swimlane/logo.tsx
index d22ff809fe74d..572ff62d52f82 100644
--- a/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/swimlane/logo.tsx
+++ b/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/swimlane/logo.tsx
@@ -6,8 +6,9 @@
  */
 
 import React from 'react';
+import { LogoProps } from '../types';
 
-const Logo = () => {
+const Logo = (props: LogoProps) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -16,6 +17,7 @@ const Logo = () => {
       fill="none"
       stroke="null"
       vectorEffect="non-scaling-stroke"
+      {...props}
     >
       <g fillRule="evenodd" stroke="null" clipRule="evenodd">
         <path
diff --git a/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/teams/logo.tsx b/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/teams/logo.tsx
index 42b1fa2c2a0da..666cb8d854032 100644
--- a/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/teams/logo.tsx
+++ b/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/teams/logo.tsx
@@ -6,8 +6,9 @@
  */
 
 import React from 'react';
+import { LogoProps } from '../types';
 
-const Logo = () => (
+const Logo = (props: LogoProps) => (
   <svg
     version="1.1"
     id="Layer_1"
@@ -20,6 +21,7 @@ const Logo = () => (
     viewBox="0 0 32 32"
     enableBackground="new 0 0 32 32"
     xmlSpace="preserve"
+    {...props}
   >
     <image
       width="32"
diff --git a/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/types.ts b/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/types.ts
index d94cdde349dc7..50410ba3c153d 100644
--- a/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/types.ts
+++ b/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/types.ts
@@ -5,6 +5,7 @@
  * 2.0.
  */
 
+import { EuiIconProps } from '@elastic/eui';
 import { UserConfiguredActionConnector } from '../../../types';
 
 export interface EmailActionParams {
@@ -132,3 +133,5 @@ export interface TeamsSecrets {
 }
 
 export type TeamsActionConnector = UserConfiguredActionConnector<unknown, TeamsSecrets>;
+
+export type LogoProps = Omit<EuiIconProps, 'type'>;