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

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Christos Nasikas 2021-07-22 11:15:50 +03:00 committed by GitHub
parent 48e6195dc1
commit e383b57ba1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 28 additions and 8 deletions

View file

@ -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>

View file

@ -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' }} />

View file

@ -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"

View file

@ -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"

View file

@ -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

View file

@ -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"

View file

@ -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'>;