39 lines
1.5 KiB
JavaScript
39 lines
1.5 KiB
JavaScript
import React from 'react';
|
|
import ConnectionStatusButtonComponent from './component';
|
|
import { USER_CURRENT_STATUS_SUBSCRIPTION } from '../queries';
|
|
import Auth from '/imports/ui/services/auth';
|
|
import useDeduplicatedSubscription from '/imports/ui/core/hooks/useDeduplicatedSubscription';
|
|
import useSettings from '/imports/ui/services/settings/hooks/useSettings';
|
|
import { SETTINGS } from '/imports/ui/services/settings/enums';
|
|
import { useStorageKey } from '/imports/ui/services/storage/hooks';
|
|
import { useReactiveVar } from '@apollo/client';
|
|
import connectionStatus from '/imports/ui/core/graphql/singletons/connectionStatus';
|
|
|
|
const connectionStatusButtonContainer = (props) => {
|
|
const connected = useReactiveVar(connectionStatus.getConnectedStatusVar());
|
|
|
|
const { data } = useDeduplicatedSubscription(USER_CURRENT_STATUS_SUBSCRIPTION, {
|
|
variables: { userId: Auth.userID },
|
|
});
|
|
const myCurrentStatus = data && data.length > 0
|
|
? data[0].currentStatus
|
|
: 'normal';
|
|
|
|
const { paginationEnabled } = useSettings(SETTINGS.APPLICATION);
|
|
const { viewParticipantsWebcams } = useSettings(SETTINGS.DATA_SAVING);
|
|
const isGridLayout = useStorageKey('isGridEnabled');
|
|
|
|
return (
|
|
<ConnectionStatusButtonComponent
|
|
myCurrentStatus={myCurrentStatus}
|
|
paginationEnabled={paginationEnabled}
|
|
viewParticipantsWebcams={viewParticipantsWebcams}
|
|
isGridLayout={isGridLayout}
|
|
connected={connected}
|
|
{...props}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default connectionStatusButtonContainer;
|