bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/connection-status/modal/container.jsx

29 lines
1.1 KiB
JavaScript

import React from 'react';
import { CONNECTION_STATUS_REPORT_SUBSCRIPTION } from '../queries';
import Service from '../service';
import Component from './component';
import useCurrentUser from '/imports/ui/core/hooks/useCurrentUser';
import useDeduplicatedSubscription from '/imports/ui/core/hooks/useDeduplicatedSubscription';
import { useReactiveVar } from '@apollo/client';
import connectionStatus from '/imports/ui/core/graphql/singletons/connectionStatus';
const ConnectionStatusContainer = (props) => {
const { data } = useDeduplicatedSubscription(CONNECTION_STATUS_REPORT_SUBSCRIPTION);
const connectionData = data ? Service.sortConnectionData(data.user_connectionStatusReport) : [];
const { data: currentUser } = useCurrentUser((u) => ({ isModerator: u.isModerator }));
const amIModerator = !!currentUser?.isModerator;
const newtworkData = useReactiveVar(connectionStatus.getNetworkDataVar());
return (
<Component
{...props}
connectionData={connectionData}
amIModerator={amIModerator}
networkData={newtworkData}
/>
);
};
export default ConnectionStatusContainer;