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

55 lines
1.4 KiB
JavaScript
Raw Normal View History

/* @flow */
2019-03-27 10:23:41 +00:00
import React from 'react';
2019-08-30 16:39:06 +00:00
import { IconRaisedHand } from '../../../base/icons';
2019-04-15 16:23:28 +00:00
import { BaseIndicator } from '../../../base/react';
2019-03-27 10:23:41 +00:00
import { connect } from '../../../base/redux';
import AbstractRaisedHandIndicator, {
type Props as AbstractProps,
_mapStateToProps
} from '../AbstractRaisedHandIndicator';
/**
* The type of the React {@code Component} props of {@link RaisedHandIndicator}.
*/
2019-03-27 10:23:41 +00:00
type Props = AbstractProps & {
/**
* The font-size for the icon.
*/
iconSize: number,
/**
* From which side of the indicator the tooltip should appear from.
*/
tooltipPosition: string
};
/**
* Thumbnail badge showing that the participant would like to speak.
*
* @extends Component
*/
2019-03-27 10:23:41 +00:00
class RaisedHandIndicator extends AbstractRaisedHandIndicator<Props> {
/**
2019-03-29 13:26:49 +00:00
* Renders the platform specific indicator element.
*
2019-03-29 13:26:49 +00:00
* @returns {React$Element<*>}
*/
2019-03-29 13:26:49 +00:00
_renderIndicator() {
return (
<BaseIndicator
className = 'raisehandindicator indicator show-inline'
2019-08-30 16:39:06 +00:00
icon = { IconRaisedHand }
iconClassName = 'indicatoricon'
iconSize = { `${this.props.iconSize}px` }
tooltipKey = 'raisedHand'
tooltipPosition = { this.props.tooltipPosition } />
);
}
}
2019-03-27 10:23:41 +00:00
export default connect(_mapStateToProps)(RaisedHandIndicator);