43 lines
1.2 KiB
TypeScript
43 lines
1.2 KiB
TypeScript
import React from 'react';
|
|
import UIAlert from '../UIComponents/UIAlert';
|
|
import UIButton from '../UIComponents/UIButton';
|
|
import { CURRENT_USER_CALENDAR_MISSING } from './constants';
|
|
import { __ } from '@wordpress/i18n';
|
|
|
|
interface IMeetingWarningProps {
|
|
status: string;
|
|
onConnectCalendar: React.MouseEventHandler<HTMLButtonElement>;
|
|
}
|
|
|
|
export default function MeetingWarning({
|
|
status,
|
|
onConnectCalendar,
|
|
}: IMeetingWarningProps) {
|
|
const isMeetingOwner = status === CURRENT_USER_CALENDAR_MISSING;
|
|
const titleText = isMeetingOwner
|
|
? __('Your calendar is not connected', 'leadin')
|
|
: __('Calendar is not connected', 'leadin');
|
|
const titleMessage = isMeetingOwner
|
|
? __(
|
|
'Please connect your calendar to activate your scheduling pages',
|
|
'leadin'
|
|
)
|
|
: __(
|
|
'Make sure that everybody in this meeting has connected their calendar from the Meetings page in HubSpot',
|
|
'leadin'
|
|
);
|
|
return (
|
|
<UIAlert titleText={titleText} titleMessage={titleMessage}>
|
|
{isMeetingOwner && (
|
|
<UIButton
|
|
use="tertiary"
|
|
id="meetings-connect-calendar"
|
|
onClick={onConnectCalendar}
|
|
>
|
|
{__('Connect calendar', 'leadin')}
|
|
</UIButton>
|
|
)}
|
|
</UIAlert>
|
|
);
|
|
}
|