43 lines
1.9 KiB
TypeScript
43 lines
1.9 KiB
TypeScript
import React from 'react';
|
|
import ConnectionManager from '/imports/ui/components/connection-manager/component';
|
|
// eslint-disable-next-line react/no-deprecated
|
|
import { render } from 'react-dom';
|
|
import SettingsLoader from '/imports/ui/components/settings-loader/component';
|
|
import ErrorBoundary from '/imports/ui/components/common/error-boundary/component';
|
|
import { ErrorScreen } from '/imports/ui/components/error-screen/component';
|
|
import PresenceManager from '/imports/ui/components/join-handler/presenceManager/component';
|
|
import LoadingScreenHOC from '/imports/ui/components/common/loading-screen/loading-screen-HOC/component';
|
|
import IntlLoaderContainer from '/imports/startup/client/intlLoader';
|
|
import LocatedErrorBoundary from '/imports/ui/components/common/error-boundary/located-error-boundary/component';
|
|
import StartupDataFetch from '/imports/ui/components/connection-manager/startup-data-fetch/component';
|
|
import UserGrapQlMiniMongoAdapter from '/imports/ui/components/components-data/userGrapQlMiniMongoAdapter/component';
|
|
import VoiceUserGrapQlMiniMongoAdapter from '/imports/ui/components/components-data/voiceUserGraphQlMiniMongoAdapter/component';
|
|
|
|
const Main: React.FC = () => {
|
|
return (
|
|
<StartupDataFetch>
|
|
<ErrorBoundary Fallback={ErrorScreen}>
|
|
<LoadingScreenHOC>
|
|
<IntlLoaderContainer>
|
|
{/* from there the error messages are located */}
|
|
<LocatedErrorBoundary Fallback={ErrorScreen}>
|
|
<ConnectionManager>
|
|
<PresenceManager>
|
|
<SettingsLoader />
|
|
<UserGrapQlMiniMongoAdapter />
|
|
<VoiceUserGrapQlMiniMongoAdapter />
|
|
</PresenceManager>
|
|
</ConnectionManager>
|
|
</LocatedErrorBoundary>
|
|
</IntlLoaderContainer>
|
|
</LoadingScreenHOC>
|
|
</ErrorBoundary>
|
|
</StartupDataFetch>
|
|
);
|
|
};
|
|
|
|
render(
|
|
<Main />,
|
|
document.getElementById('app'),
|
|
);
|