Edit File by line

import { useEffect, useState } from 'react';

[0] Fix | Delete

import { usePostAsyncBackgroundMessage } from '../../../iframe/useBackgroundApp';

[1] Fix | Delete

import LoadState, { LoadStateType } from '../../enums/loadState';

[2] Fix | Delete

import { ProxyMessages } from '../../../iframe/integratedMessages';

[3] Fix | Delete

[4] Fix | Delete

export interface Meeting {

[5] Fix | Delete

meetingsUserIds: number[];

[6] Fix | Delete

name: string;

[7] Fix | Delete

link: string;

[8] Fix | Delete

}

[9] Fix | Delete

[10] Fix | Delete

export interface MeetingUser {

[11] Fix | Delete

id: string;

[12] Fix | Delete

}

[13] Fix | Delete

[14] Fix | Delete

let meetings: Meeting[] = [];

[15] Fix | Delete

let meetingUsers: MeetingUser[] = [];

[16] Fix | Delete

[17] Fix | Delete

export default function useMeetingsFetch() {

[18] Fix | Delete

const proxy = usePostAsyncBackgroundMessage();

[19] Fix | Delete

const [loadState, setLoadState] = useState<LoadStateType>(

[20] Fix | Delete

LoadState.NotLoaded

[21] Fix | Delete

);

[22] Fix | Delete

[23] Fix | Delete

const [error, setError] = useState(null);

[24] Fix | Delete

[25] Fix | Delete

const reload = () => {

[26] Fix | Delete

meetings = [];

[27] Fix | Delete

setError(null);

[28] Fix | Delete

setLoadState(LoadState.NotLoaded);

[29] Fix | Delete

};

[30] Fix | Delete

[31] Fix | Delete

useEffect(() => {

[32] Fix | Delete

if (loadState === LoadState.NotLoaded && meetings.length === 0) {

[33] Fix | Delete

setLoadState(LoadState.Loading);

[34] Fix | Delete

proxy({

[35] Fix | Delete

key: ProxyMessages.FetchMeetingsAndUsers,

[36] Fix | Delete

})

[37] Fix | Delete

.then(data => {

[38] Fix | Delete

setLoadState(LoadState.Loaded);

[39] Fix | Delete

meetings = data && data.meetingLinks;

[40] Fix | Delete

meetingUsers = data && data.meetingUsers;

[41] Fix | Delete

})

[42] Fix | Delete

.catch(e => {

[43] Fix | Delete

setError(e);

[44] Fix | Delete

setLoadState(LoadState.Failed);

[45] Fix | Delete

});

[46] Fix | Delete

}

[47] Fix | Delete

}, [loadState]);

[48] Fix | Delete

[49] Fix | Delete

return {

[50] Fix | Delete

meetings,

[51] Fix | Delete

meetingUsers,

[52] Fix | Delete

loadMeetingsState: loadState,

[53] Fix | Delete

error,

[54] Fix | Delete

reload,

[55] Fix | Delete

};

[56] Fix | Delete

}

[57] Fix | Delete

[58] Fix | Delete