jiti-meet/react/features/e2ee/components/E2EELabel.js

48 lines
1.2 KiB
JavaScript
Raw Normal View History

// @flow
import React, { Component } from 'react';
import { translate } from '../../base/i18n';
2020-05-18 11:54:55 +00:00
import { IconE2EE } from '../../base/icons';
import { Label } from '../../base/label';
import { COLORS } from '../../base/label/constants';
import { connect } from '../../base/redux';
import { Tooltip } from '../../base/tooltip';
import { type Props, _mapStateToProps } from './AbstractE2EELabel';
/**
* React {@code Component} for displaying a label when everyone has E2EE enabled in a conference.
*
2021-11-04 21:10:43 +00:00
* @augments Component
*/
class E2EELabel extends Component<Props> {
/**
* Implements React's {@link Component#render()}.
*
* @inheritdoc
* @returns {ReactElement}
*/
render() {
if (!this.props._showLabel) {
return null;
}
const { _e2eeLabels, t } = this.props;
const content = _e2eeLabels?.labelToolTip || t('e2ee.labelToolTip');
return (
<Tooltip
content = { content }
position = { 'bottom' }>
<Label
color = { COLORS.green }
2020-05-18 11:54:55 +00:00
icon = { IconE2EE } />
</Tooltip>
);
}
}
export default translate(connect(_mapStateToProps)(E2EELabel));