jiti-meet/react/features/filmstrip/components/web/VideoMenuTriggerButton.js

70 lines
1.5 KiB
JavaScript

// @flow
import React from 'react';
import { LocalVideoMenuTriggerButton, RemoteVideoMenuTriggerButton } from '../../../video-menu';
type Props = {
/**
* Hide popover callback.
*/
hidePopover: Function,
/**
* Whether or not the button is for the local participant.
*/
local: boolean,
/**
* The id of the participant for which the button is.
*/
participantId?: string,
/**
* Whether popover is visible or not.
*/
popoverVisible: boolean,
/**
* Show popover callback.
*/
showPopover: Function,
/**
* Whether or not the component is visible.
*/
visible: boolean
}
// eslint-disable-next-line no-confusing-arrow
const VideoMenuTriggerButton = ({
hidePopover,
local,
participantId,
popoverVisible,
showPopover,
visible
}: Props) => local
? (
<span id = 'localvideomenu'>
<LocalVideoMenuTriggerButton
buttonVisible = { visible }
hidePopover = { hidePopover }
popoverVisible = { popoverVisible }
showPopover = { showPopover } />
</span>
)
: (
<span id = 'remotevideomenu'>
<RemoteVideoMenuTriggerButton
buttonVisible = { visible }
hidePopover = { hidePopover }
participantID = { participantId }
popoverVisible = { popoverVisible }
showPopover = { showPopover } />
</span>
);
export default VideoMenuTriggerButton;