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

49 lines
1.2 KiB
JavaScript

import PropTypes from 'prop-types';
import React, { Component } from 'react';
import BaseIndicator from './BaseIndicator';
/**
* Thumbnail badge showing that the participant would like to speak.
*
* @extends Component
*/
class RaisedHandIndicator extends Component {
/**
* {@code RaisedHandIndicator} component's property types.
*
* @static
*/
static propTypes = {
/**
* The font-size for the icon.
*
* @type {number}
*/
iconSize: PropTypes.number,
/**
* From which side of the indicator the tooltip should appear from.
*/
tooltipPosition: PropTypes.string
};
/**
* Implements React's {@link Component#render()}.
*
* @inheritdoc
*/
render() {
return (
<BaseIndicator
className = 'raisehandindicator indicator show-inline'
iconClassName = 'icon-raised-hand indicatoricon'
iconSize = { `${this.props.iconSize}px` }
tooltipKey = 'raisedHand'
tooltipPosition = { this.props.tooltipPosition } />
);
}
}
export default RaisedHandIndicator;