jiti-meet/react/features/filmstrip/components/AbstractRaisedHandIndicator.js

63 lines
1.3 KiB
JavaScript
Raw Normal View History

2019-03-27 10:23:41 +00:00
// @flow
import { Component } from 'react';
import { getParticipantById } from '../../base/participants';
export type Props = {
/**
* The participant id who we want to render the raised hand indicator
* for.
*/
participantId: string,
/**
* True if the hand is raised for this participant.
*/
2019-03-29 13:26:49 +00:00
_raisedHand?: boolean
2019-03-27 10:23:41 +00:00
}
/**
* Implements an abstract class for the RaisedHandIndicator component.
*/
export default class AbstractRaisedHandIndicator<P: Props>
extends Component<P> {
2019-03-29 13:26:49 +00:00
/**
* Implements {@code Component#render}.
*
* @inheritdoc
*/
render() {
if (!this.props._raisedHand) {
return null;
}
return this._renderIndicator();
}
/**
* Renders the platform specific indicator element.
*
* @returns {React$Element<*>}
*/
_renderIndicator: () => React$Element<*>
2019-03-27 10:23:41 +00:00
}
/**
* Maps part of the Redux state to the props of this component.
*
* @param {Object} state - The Redux state.
* @param {Props} ownProps - The own props of the component.
* @returns {Object}
*/
export function _mapStateToProps(state: Object, ownProps: Props): Object {
const participant = getParticipantById(state, ownProps.participantId);
return {
_raisedHand: participant && participant.raisedHand
};
}