[Security Solution] Fix video to play (#134076)

This commit is contained in:
Steph Milovic 2022-06-13 10:10:27 -06:00 committed by GitHub
parent 0d5808a22b
commit 517395148a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -6,16 +6,7 @@
*/
import React, { memo, useMemo } from 'react';
import {
EuiButton,
EuiCard,
EuiFlexGroup,
EuiFlexItem,
EuiImage,
EuiLink,
EuiPageHeader,
EuiToolTip,
} from '@elastic/eui';
import { EuiButton, EuiCard, EuiFlexGroup, EuiFlexItem, EuiPageHeader } from '@elastic/eui';
import styled from 'styled-components';
import * as i18n from './translations';
import endpointSvg from '../../images/endpoint1.svg';
@ -53,13 +44,6 @@ const StyledEuiPageHeader = styled(EuiPageHeader)`
}
`;
const StyledEuiImage = styled(EuiImage)`
img {
display: block;
margin: 0 auto;
}
`;
const StyledImgEuiCard = styled(EuiCard)`
img {
margin-top: 20px;
@ -73,8 +57,6 @@ const StyledEuiFlexItem = styled(EuiFlexItem)`
margin: -12px !important;
`;
const ELASTIC_SECURITY_URL = `elastic.co/security`;
export const LandingCards = memo(() => {
const {
http: {
@ -82,12 +64,6 @@ export const LandingCards = memo(() => {
},
} = useKibana().services;
const tooltipContent = (
<EuiLink color="ghost" href="https://elastic.co/security" target="_blank">
{ELASTIC_SECURITY_URL}
</EuiLink>
);
const href = useMemo(() => prepend(ADD_DATA_PATH), [prepend]);
return (
<EuiFlexGroup data-test-subj="siem-landing-page" direction="column" gutterSize="l">
@ -108,11 +84,19 @@ export const LandingCards = memo(() => {
/>
</EuiFlexItem>
<EuiFlexItem>
<EuiToolTip content={tooltipContent} position="top">
<EuiLink href="https://www.elastic.co/security" external={false} target="_blank">
<StyledEuiImage alt={i18n.SIEM_HEADER} size="xl" margin="l" src={imgUrls.video} />
</EuiLink>
</EuiToolTip>
<iframe
allowFullScreen
allowTransparency
className="vidyard_iframe"
frameBorder="0"
height="100%"
referrerPolicy="no-referrer"
sandbox="allow-scripts allow-same-origin"
scrolling="no"
src="//play.vidyard.com/K6kKDBbP9SpXife9s2tHNP.html?"
title={i18n.SIEM_HEADER}
width="100%"
/>
</EuiFlexItem>
</EuiFlexGroup>
</EuiFlexItem>