Edit File by line

import React from 'react';

[0] Fix | Delete

import UIAlert from '../UIComponents/UIAlert';

[1] Fix | Delete

import UIButton from '../UIComponents/UIButton';

[2] Fix | Delete

import { CURRENT_USER_CALENDAR_MISSING } from './constants';

[3] Fix | Delete

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

[4] Fix | Delete

[5] Fix | Delete

interface IMeetingWarningProps {

[6] Fix | Delete

status: string;

[7] Fix | Delete

onConnectCalendar: React.MouseEventHandler<HTMLButtonElement>;

[8] Fix | Delete

}

[9] Fix | Delete

[10] Fix | Delete

export default function MeetingWarning({

[11] Fix | Delete

status,

[12] Fix | Delete

onConnectCalendar,

[13] Fix | Delete

}: IMeetingWarningProps) {

[14] Fix | Delete

const isMeetingOwner = status === CURRENT_USER_CALENDAR_MISSING;

[15] Fix | Delete

const titleText = isMeetingOwner

[16] Fix | Delete

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

[17] Fix | Delete

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

[18] Fix | Delete

const titleMessage = isMeetingOwner

[19] Fix | Delete

? __(

[20] Fix | Delete

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

[21] Fix | Delete

'leadin'

[22] Fix | Delete

)

[23] Fix | Delete

: __(

[24] Fix | Delete

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

[25] Fix | Delete

'leadin'

[26] Fix | Delete

);

[27] Fix | Delete

return (

[28] Fix | Delete

[29] Fix | Delete

{isMeetingOwner && (

[30] Fix | Delete

<UIButton

[31] Fix | Delete

use="tertiary"

[32] Fix | Delete

id="meetings-connect-calendar"

[33] Fix | Delete

onClick={onConnectCalendar}

[34] Fix | Delete

[35] Fix | Delete

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

[36] Fix | Delete

</UIButton>

[37] Fix | Delete

)}

[38] Fix | Delete

</UIAlert>

[39] Fix | Delete

);

[40] Fix | Delete

}

[41] Fix | Delete

[42] Fix | Delete