52 lines
1.6 KiB
JavaScript
52 lines
1.6 KiB
JavaScript
import React from 'react';
|
|
import { useMutation, useReactiveVar } from '@apollo/client';
|
|
import LeaveMeetingButton from './component';
|
|
import { layoutSelectInput, layoutSelect } from '../../layout/context';
|
|
import { SMALL_VIEWPORT_BREAKPOINT } from '../../layout/enums';
|
|
import { USER_LEAVE_MEETING } from '/imports/ui/core/graphql/mutations/userMutations';
|
|
import { useStorageKey } from '/imports/ui/services/storage/hooks';
|
|
import useCurrentUser from '/imports/ui/core/hooks/useCurrentUser';
|
|
import connectionStatus from '/imports/ui/core/graphql/singletons/connectionStatus';
|
|
import useMeeting from '/imports/ui/core/hooks/useMeeting';
|
|
import deviceInfo from '/imports/utils/deviceInfo';
|
|
|
|
const LeaveMeetingButtonContainer = (props) => {
|
|
const {
|
|
data: currentUser,
|
|
} = useCurrentUser((u) => ({
|
|
isModerator: u.isModerator,
|
|
}));
|
|
|
|
const {
|
|
data: meeting,
|
|
} = useMeeting((m) => ({
|
|
isBreakout: m.isBreakout,
|
|
}));
|
|
|
|
const { isMobile } = deviceInfo;
|
|
const isRTL = layoutSelect((i) => i.isRTL);
|
|
const [userLeaveMeeting] = useMutation(USER_LEAVE_MEETING);
|
|
const isDropdownOpen = useStorageKey('dropdownOpen');
|
|
|
|
const connected = useReactiveVar(connectionStatus.getConnectedStatusVar());
|
|
const amIModerator = currentUser?.isModerator;
|
|
const isBreakoutRoom = meeting?.isBreakout;
|
|
return (
|
|
<LeaveMeetingButton {...
|
|
{
|
|
isMobile,
|
|
isRTL,
|
|
userLeaveMeeting,
|
|
isDropdownOpen,
|
|
amIModerator,
|
|
connected,
|
|
isBreakoutRoom,
|
|
...props,
|
|
}
|
|
}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default LeaveMeetingButtonContainer;
|