39 lines
1.1 KiB
JavaScript
39 lines
1.1 KiB
JavaScript
import React from 'react';
|
|
|
|
import AbstractOverlay from './AbstractOverlay';
|
|
|
|
/**
|
|
* Implements a React Component for suspended overlay. Shown when a suspend is
|
|
* detected.
|
|
*/
|
|
export default class SuspendedOverlay extends AbstractOverlay {
|
|
/**
|
|
* Constructs overlay body with the message and a button to rejoin.
|
|
*
|
|
* @returns {ReactElement|null}
|
|
* @override
|
|
* @protected
|
|
*/
|
|
_renderOverlayContent() {
|
|
const btnClass = 'inlay__button button-control button-control_primary';
|
|
|
|
/* eslint-disable react/jsx-handler-names */
|
|
|
|
return (
|
|
<div className = 'inlay'>
|
|
<span className = 'inlay__icon icon-microphone' />
|
|
<span className = 'inlay__icon icon-camera' />
|
|
<h3
|
|
className = 'inlay__title'
|
|
data-i18n = 'suspendedoverlay.title' />
|
|
<button
|
|
className = { btnClass }
|
|
data-i18n = 'suspendedoverlay.rejoinKeyTitle'
|
|
onClick = { this._reconnectNow } />
|
|
</div>
|
|
);
|
|
|
|
/* eslint-enable react/jsx-handler-names */
|
|
}
|
|
}
|