// @flow import React from 'react'; import { translate, translateToHTML } from '../../../base/i18n'; import { connect } from '../../../base/redux'; import AbstractUserMediaPermissionsOverlay, { abstractMapStateToProps } from './AbstractUserMediaPermissionsOverlay'; import OverlayFrame from './OverlayFrame'; declare var interfaceConfig: Object; /** * Implements a React Component for overlay with guidance how to proceed with * gUM prompt. */ class UserMediaPermissionsOverlay extends AbstractUserMediaPermissionsOverlay { /** * Implements React's {@link Component#render()}. * * @inheritdoc * @returns {ReactElement} */ render() { const { browser, t } = this.props; return (

{ t('startupoverlay.genericTitle') }

{ translateToHTML(t, `userMedia.${browser}GrantPermissions`) }

{ translateToHTML(t, 'startupoverlay.policyText') }

{ this._renderPolicyLogo() }
); } /** * Renders the policy logo. * * @private * @returns {ReactElement|null} */ _renderPolicyLogo() { const policyLogoSrc = interfaceConfig.POLICY_LOGO; if (policyLogoSrc) { return (
{
); } return null; } } export default translate( connect(abstractMapStateToProps)(UserMediaPermissionsOverlay));