Edit File by line

import React from 'react';

[0] Fix | Delete

import { __ } from '@wordpress/i18n';

[1] Fix | Delete

import { styled } from '@linaria/react';

[2] Fix | Delete

[3] Fix | Delete

const IframeErrorContainer = styled.div`

[4] Fix | Delete

display: flex;

[5] Fix | Delete

flex-direction: column;

[6] Fix | Delete

align-items: center;

[7] Fix | Delete

justify-content: center;

[8] Fix | Delete

margin-top: 120px;

[9] Fix | Delete

font-family: 'Lexend Deca', Helvetica, Arial, sans-serif;

[10] Fix | Delete

font-weight: 400;

[11] Fix | Delete

font-size: 14px;

[12] Fix | Delete

font-size: 0.875rem;

[13] Fix | Delete

-webkit-font-smoothing: antialiased;

[14] Fix | Delete

-moz-osx-font-smoothing: grayscale;

[15] Fix | Delete

font-smoothing: antialiased;

[16] Fix | Delete

line-height: 1.5rem;

[17] Fix | Delete

[18] Fix | Delete

[19] Fix | Delete

const ErrorHeader = styled.h1`

[20] Fix | Delete

text-shadow: 0 0 1px transparent;

[21] Fix | Delete

margin-bottom: 1.25rem;

[22] Fix | Delete

color: #33475b;

[23] Fix | Delete

font-size: 1.25rem;

[24] Fix | Delete

[25] Fix | Delete

[26] Fix | Delete

export const IframeErrorPage = () => (

[27] Fix | Delete

[28] Fix | Delete

<img

[29] Fix | Delete

alt="Cannot find page"

[30] Fix | Delete

width="175"

[31] Fix | Delete

src="//static.hsappstatic.net/ui-images/static-1.14/optimized/errors/map.svg"

[32] Fix | Delete

[33] Fix | Delete

[34] Fix | Delete

{__(

[35] Fix | Delete

'The HubSpot for WordPress plugin is not able to load pages',

[36] Fix | Delete

'leadin'

[37] Fix | Delete

)}

[38] Fix | Delete

</ErrorHeader>

[39] Fix | Delete

<p>

[40] Fix | Delete

{__(

[41] Fix | Delete

'Try disabling your browser extensions and ad blockers, then refresh the page',

[42] Fix | Delete

'leadin'

[43] Fix | Delete

)}

[44] Fix | Delete

</p>

[45] Fix | Delete

<p>

[46] Fix | Delete

{__(

[47] Fix | Delete

'Or open the HubSpot for WordPress plugin in a different browser',

[48] Fix | Delete

'leadin'

[49] Fix | Delete

)}

[50] Fix | Delete

</p>

[51] Fix | Delete

</IframeErrorContainer>

[52] Fix | Delete

);

[53] Fix | Delete

[54] Fix | Delete