Edit File by line

import React, { Fragment } from 'react';

[0] Fix | Delete

import { CURRENT_USER_CALENDAR_MISSING } from '../../shared/Meeting/constants';

[1] Fix | Delete

import ElementorButton from '../Common/ElementorButton';

[2] Fix | Delete

import ElementorBanner from '../Common/ElementorBanner';

[3] Fix | Delete

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

[4] Fix | Delete

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

[5] Fix | Delete

[6] Fix | Delete

const Container = styled.div`

[7] Fix | Delete

padding-bottom: 8px;

[8] Fix | Delete

[9] Fix | Delete

[10] Fix | Delete

interface IMeetingWarningPros {

[11] Fix | Delete

onConnectCalendar: React.MouseEventHandler<HTMLButtonElement>;

[12] Fix | Delete

status: string;

[13] Fix | Delete

}

[14] Fix | Delete

[15] Fix | Delete

export default function MeetingWarning({

[16] Fix | Delete

onConnectCalendar,

[17] Fix | Delete

status,

[18] Fix | Delete

}: IMeetingWarningPros) {

[19] Fix | Delete

const isMeetingOwner = status === CURRENT_USER_CALENDAR_MISSING;

[20] Fix | Delete

const titleText = isMeetingOwner

[21] Fix | Delete

? __('Your calendar is not connected', 'leadin')

[22] Fix | Delete

: __('Calendar is not connected', 'leadin');

[23] Fix | Delete

const titleMessage = isMeetingOwner

[24] Fix | Delete

? __(

[25] Fix | Delete

'Please connect your calendar to activate your scheduling pages',

[26] Fix | Delete

'leadin'

[27] Fix | Delete

)

[28] Fix | Delete

: __(

[29] Fix | Delete

'Make sure that everybody in this meeting has connected their calendar from the Meetings page in HubSpot',

[30] Fix | Delete

'leadin'

[31] Fix | Delete

);

[32] Fix | Delete

return (

[33] Fix | Delete

[34] Fix | Delete

[35] Fix | Delete

[36] Fix | Delete

<b>{titleText}</b>

[37] Fix | Delete

<br />

[38] Fix | Delete

{titleMessage}

[39] Fix | Delete

</ElementorBanner>

[40] Fix | Delete

</Container>

[41] Fix | Delete

{isMeetingOwner && (

[42] Fix | Delete

<ElementorButton

[43] Fix | Delete

id="meetings-connect-calendar"

[44] Fix | Delete

onClick={onConnectCalendar}

[45] Fix | Delete

[46] Fix | Delete

{__('Connect calendar', 'leadin')}

[47] Fix | Delete

</ElementorButton>

[48] Fix | Delete

)}

[49] Fix | Delete

</Fragment>

[50] Fix | Delete

);

[51] Fix | Delete

}

[52] Fix | Delete

[53] Fix | Delete