snapshot of https://github.com/jitsi/jitsi-meet.git @ fd1749dd28f4138aa80234fc7f311b19aaffa0e7 (2026-09-15)
This commit is contained in:
55
react/features/overlay/components/web/PageReloadOverlay.tsx
Normal file
55
react/features/overlay/components/web/PageReloadOverlay.tsx
Normal file
@@ -0,0 +1,55 @@
|
||||
import React from 'react';
|
||||
import { connect } from 'react-redux';
|
||||
|
||||
import { translate } from '../../../base/i18n/functions';
|
||||
|
||||
import AbstractPageReloadOverlay, {
|
||||
IProps,
|
||||
abstractMapStateToProps
|
||||
} from './AbstractPageReloadOverlay';
|
||||
import OverlayFrame from './OverlayFrame';
|
||||
|
||||
/**
|
||||
* Implements a React Component for page reload overlay. Shown before the
|
||||
* conference is reloaded. Shows a warning message and counts down towards the
|
||||
* reload.
|
||||
*/
|
||||
class PageReloadOverlay extends AbstractPageReloadOverlay<IProps> {
|
||||
/**
|
||||
* Implements React's {@link Component#render()}.
|
||||
*
|
||||
* @inheritdoc
|
||||
* @returns {ReactElement}
|
||||
*/
|
||||
override render() {
|
||||
const { isNetworkFailure, t } = this.props;
|
||||
const { message, timeLeft, title } = this.state;
|
||||
|
||||
return (
|
||||
<OverlayFrame isLightOverlay = { isNetworkFailure }>
|
||||
<div
|
||||
aria-describedby = 'reload_overlay_text'
|
||||
aria-labelledby = 'reload_overlay_title'
|
||||
className = 'inlay'
|
||||
role = 'dialog'>
|
||||
<span
|
||||
aria-level = { 1 }
|
||||
className = 'reload_overlay_title'
|
||||
id = 'reload_overlay_title'
|
||||
role = 'heading'>
|
||||
{ t(title) }
|
||||
</span>
|
||||
<span
|
||||
className = 'reload_overlay_text'
|
||||
id = 'reload_overlay_text'>
|
||||
{ t(message, { seconds: timeLeft }) }
|
||||
</span>
|
||||
{ this._renderProgressBar() }
|
||||
{ this._renderButton() }
|
||||
</div>
|
||||
</OverlayFrame>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default translate(connect(abstractMapStateToProps)(PageReloadOverlay));
|
||||
Reference in New Issue
Block a user