Edit File by line

import React, { Fragment, useEffect } from 'react';

[0] Fix | Delete

import LoadingBlock from '../Common/LoadingBlock';

[1] Fix | Delete

import MeetingSelector from './MeetingSelector';

[2] Fix | Delete

import MeetingWarning from './MeetingWarning';

[3] Fix | Delete

import useMeetings, {

[4] Fix | Delete

useSelectedMeeting,

[5] Fix | Delete

useSelectedMeetingCalendar,

[6] Fix | Delete

} from './hooks/useMeetings';

[7] Fix | Delete

import HubspotWrapper from '../Common/HubspotWrapper';

[8] Fix | Delete

import ErrorHandler from '../Common/ErrorHandler';

[9] Fix | Delete

import { pluginPath } from '../../constants/leadinConfig';

[10] Fix | Delete

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

[11] Fix | Delete

import Raven from 'raven-js';

[12] Fix | Delete

[13] Fix | Delete

interface IMeetingControllerProps {

[14] Fix | Delete

url: string;

[15] Fix | Delete

handleChange: Function;

[16] Fix | Delete

}

[17] Fix | Delete

[18] Fix | Delete

export default function MeetingController({

[19] Fix | Delete

handleChange,

[20] Fix | Delete

url,

[21] Fix | Delete

}: IMeetingControllerProps) {

[22] Fix | Delete

const {

[23] Fix | Delete

mappedMeetings: meetings,

[24] Fix | Delete

loading,

[25] Fix | Delete

error,

[26] Fix | Delete

reload,

[27] Fix | Delete

connectCalendar,

[28] Fix | Delete

} = useMeetings();

[29] Fix | Delete

const selectedMeetingOption = useSelectedMeeting(url);

[30] Fix | Delete

const selectedMeetingCalendar = useSelectedMeetingCalendar(url);

[31] Fix | Delete

[32] Fix | Delete

useEffect(() => {

[33] Fix | Delete

if (!url && meetings.length > 0) {

[34] Fix | Delete

handleChange(meetings[0].value);

[35] Fix | Delete

}

[36] Fix | Delete

}, [meetings, url, handleChange]);

[37] Fix | Delete

[38] Fix | Delete

const handleLocalChange = (option: { value: string }) => {

[39] Fix | Delete

handleChange(option.value);

[40] Fix | Delete

};

[41] Fix | Delete

[42] Fix | Delete

const handleConnectCalendar = () => {

[43] Fix | Delete

return connectCalendar()

[44] Fix | Delete

.then(() => {

[45] Fix | Delete

reload();

[46] Fix | Delete

})

[47] Fix | Delete

.catch(error => {

[48] Fix | Delete

Raven.captureMessage('Unable to connect calendar', {

[49] Fix | Delete

extra: { error },

[50] Fix | Delete

});

[51] Fix | Delete

});

[52] Fix | Delete

};

[53] Fix | Delete

[54] Fix | Delete

return (

[55] Fix | Delete

[56] Fix | Delete

{loading ? (

[57] Fix | Delete

[58] Fix | Delete

) : error ? (

[59] Fix | Delete

<ErrorHandler

[60] Fix | Delete

status={(error && error.status) || error}

[61] Fix | Delete

resetErrorState={() => reload()}

[62] Fix | Delete

errorInfo={{

[63] Fix | Delete

header: __(

[64] Fix | Delete

'There was a problem retrieving your meetings',

[65] Fix | Delete

'leadin'

[66] Fix | Delete

[67] Fix | Delete

message: __(

[68] Fix | Delete

'Please refresh your meetings or try again in a few minutes',

[69] Fix | Delete

'leadin'

[70] Fix | Delete

[71] Fix | Delete

action: __('Refresh meetings', 'leadin'),

[72] Fix | Delete

}}

[73] Fix | Delete

[74] Fix | Delete

) : (

[75] Fix | Delete

[76] Fix | Delete

{selectedMeetingCalendar && (

[77] Fix | Delete

<MeetingWarning

[78] Fix | Delete

status={selectedMeetingCalendar}

[79] Fix | Delete

onConnectCalendar={handleConnectCalendar}

[80] Fix | Delete

[81] Fix | Delete

)}

[82] Fix | Delete

{meetings.length > 1 && (

[83] Fix | Delete

<MeetingSelector

[84] Fix | Delete

onChange={handleLocalChange}

[85] Fix | Delete

options={meetings}

[86] Fix | Delete

value={selectedMeetingOption}

[87] Fix | Delete

[88] Fix | Delete

)}

[89] Fix | Delete

</HubspotWrapper>

[90] Fix | Delete

)}

[91] Fix | Delete

</Fragment>

[92] Fix | Delete

);

[93] Fix | Delete

}

[94] Fix | Delete

[95] Fix | Delete