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

36 lines
967 B
JavaScript

// @flow
import React from 'react';
import { IconRaisedHand } from '../../../base/icons';
import { BaseIndicator } from '../../../base/react';
import { connect } from '../../../base/redux';
import BaseTheme from '../../../base/ui/components/BaseTheme.native';
import AbstractRaisedHandIndicator, {
type Props,
_mapStateToProps
} from '../AbstractRaisedHandIndicator';
/**
* Thumbnail badge showing that the participant would like to speak.
*
* @augments Component
*/
class RaisedHandIndicator extends AbstractRaisedHandIndicator<Props> {
/**
* Renders the platform specific indicator element.
*
* @returns {React$Element<*>}
*/
_renderIndicator() {
return (
<BaseIndicator
backgroundColor = { BaseTheme.palette.warning01 }
highlight = { true }
icon = { IconRaisedHand } />
);
}
}
export default connect(_mapStateToProps)(RaisedHandIndicator);