Edit File by line

import React, { useEffect, useState, useCallback } from 'react';

[0] Fix | Delete

import useCurrentUserFetch from './hooks/useCurrentUserFetch';

[1] Fix | Delete

import useMeetingsFetch from './hooks/useMeetingsFetch';

[2] Fix | Delete

import LoadState from '../enums/loadState';

[3] Fix | Delete

[4] Fix | Delete

interface IMeetingsContextWrapperState {

[5] Fix | Delete

loading: boolean;

[6] Fix | Delete

error: any;

[7] Fix | Delete

meetings: any[];

[8] Fix | Delete

currentUser: any;

[9] Fix | Delete

meetingUsers: any;

[10] Fix | Delete

selectedMeeting: string;

[11] Fix | Delete

}

[12] Fix | Delete

[13] Fix | Delete

interface IMeetingsContext extends IMeetingsContextWrapperState {

[14] Fix | Delete

reload: Function;

[15] Fix | Delete

}

[16] Fix | Delete

[17] Fix | Delete

interface IMeetingsContextWrapperProps {

[18] Fix | Delete

url: string;

[19] Fix | Delete

}

[20] Fix | Delete

[21] Fix | Delete

export const MeetingsContext = React.createContext<IMeetingsContext>({

[22] Fix | Delete

loading: true,

[23] Fix | Delete

error: null,

[24] Fix | Delete

meetings: [],

[25] Fix | Delete

currentUser: null,

[26] Fix | Delete

meetingUsers: {},

[27] Fix | Delete

selectedMeeting: '',

[28] Fix | Delete

reload: () => {},

[29] Fix | Delete

});

[30] Fix | Delete

[31] Fix | Delete

export default function MeetingsContextWrapper({

[32] Fix | Delete

url,

[33] Fix | Delete

children,

[34] Fix | Delete

}: React.PropsWithChildren<IMeetingsContextWrapperProps>) {

[35] Fix | Delete

const [state, setState] = useState<IMeetingsContextWrapperState>({

[36] Fix | Delete

loading: true,

[37] Fix | Delete

error: null,

[38] Fix | Delete

meetings: [],

[39] Fix | Delete

currentUser: null,

[40] Fix | Delete

meetingUsers: {},

[41] Fix | Delete

selectedMeeting: url,

[42] Fix | Delete

});

[43] Fix | Delete

[44] Fix | Delete

const {

[45] Fix | Delete

meetings,

[46] Fix | Delete

meetingUsers,

[47] Fix | Delete

loadMeetingsState,

[48] Fix | Delete

error: errorMeeting,

[49] Fix | Delete

reload: reloadMeetings,

[50] Fix | Delete

} = useMeetingsFetch();

[51] Fix | Delete

[52] Fix | Delete

const {

[53] Fix | Delete

user: currentUser,

[54] Fix | Delete

loadUserState,

[55] Fix | Delete

error: errorUser,

[56] Fix | Delete

reload: reloadUser,

[57] Fix | Delete

} = useCurrentUserFetch();

[58] Fix | Delete

[59] Fix | Delete

const reload = useCallback(() => {

[60] Fix | Delete

reloadUser();

[61] Fix | Delete

reloadMeetings();

[62] Fix | Delete

}, [reloadUser, reloadMeetings]);

[63] Fix | Delete

[64] Fix | Delete

useEffect(() => {

[65] Fix | Delete

if (

[66] Fix | Delete

!state.loading &&

[67] Fix | Delete

!state.error &&

[68] Fix | Delete

state.currentUser &&

[69] Fix | Delete

state.meetings.length === 0

[70] Fix | Delete

) {

[71] Fix | Delete

reloadMeetings();

[72] Fix | Delete

}

[73] Fix | Delete

}, [state, reloadMeetings]);

[74] Fix | Delete

[75] Fix | Delete

useEffect(() => {

[76] Fix | Delete

setState(previous => ({

[77] Fix | Delete

...previous,

[78] Fix | Delete

loading:

[79] Fix | Delete

loadUserState === LoadState.Loading ||

[80] Fix | Delete

loadMeetingsState === LoadState.Loading,

[81] Fix | Delete

currentUser,

[82] Fix | Delete

meetings,

[83] Fix | Delete

meetingUsers: meetingUsers.reduce((p, c) => ({ ...p, [c.id]: c }), {}),

[84] Fix | Delete

error: errorMeeting || errorUser,

[85] Fix | Delete

selectedMeeting: url,

[86] Fix | Delete

}));

[87] Fix | Delete

}, [

[88] Fix | Delete

loadUserState,

[89] Fix | Delete

loadMeetingsState,

[90] Fix | Delete

currentUser,

[91] Fix | Delete

meetings,

[92] Fix | Delete

meetingUsers,

[93] Fix | Delete

errorMeeting,

[94] Fix | Delete

errorUser,

[95] Fix | Delete

url,

[96] Fix | Delete

setState,

[97] Fix | Delete

]);

[98] Fix | Delete

[99] Fix | Delete

return (

[100] Fix | Delete

<MeetingsContext.Provider value={{ ...state, reload }}>

[101] Fix | Delete

{children}

[102] Fix | Delete

</MeetingsContext.Provider>

[103] Fix | Delete

);

[104] Fix | Delete

}

[105] Fix | Delete

[106] Fix | Delete