[Alerting] Pass EuiIcon props to connectors logos (elastic#106449)

Co-authored-by: Kibana Machine <[email protected]>
cnasikas · Jul 22, 2021 · ad72007 · ad72007
1 parent 89fbbb7
commit ad72007
Show file tree

Hide file tree

Showing 7 changed files with 28 additions and 8 deletions.
diff --git a/...gins/triggers_actions_ui/public/application/components/builtin_action_types/jira/logo.tsx b/...gins/triggers_actions_ui/public/application/components/builtin_action_types/jira/logo.tsx
@@ -6,15 +6,17 @@
  */
 
 import React from 'react';
+import { LogoProps } from '../types';
 
-const Logo = () => (
+const Logo = (props: LogoProps) => (
   <svg
     width="32"
     height="32"
     viewBox="0 0 32 32"
     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/...triggers_actions_ui/public/application/components/builtin_action_types/pagerduty/logo.tsx b/...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/...triggers_actions_ui/public/application/components/builtin_action_types/resilient/logo.tsx b/...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/...riggers_actions_ui/public/application/components/builtin_action_types/servicenow/logo.tsx b/...riggers_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/.../triggers_actions_ui/public/application/components/builtin_action_types/swimlane/logo.tsx b/.../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/...ins/triggers_actions_ui/public/application/components/builtin_action_types/teams/logo.tsx b/...ins/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/...k/plugins/triggers_actions_ui/public/application/components/builtin_action_types/types.ts b/...k/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'>;