70 lines
1.9 KiB
TypeScript
70 lines
1.9 KiB
TypeScript
import React from 'react';
|
|
|
|
import GlobalStyles from '../../base/ui/components/GlobalStyles.web';
|
|
import JitsiThemeProvider from '../../base/ui/components/JitsiThemeProvider.web';
|
|
import DialogContainer from '../../base/ui/components/web/DialogContainer';
|
|
import ChromeExtensionBanner from '../../chrome-extension-banner/components/ChromeExtensionBanner.web';
|
|
import OverlayContainer from '../../overlay/components/web/OverlayContainer';
|
|
import PiP from '../../pip/components/PiP';
|
|
|
|
import { AbstractApp } from './AbstractApp';
|
|
|
|
// Register middlewares and reducers.
|
|
import '../middlewares';
|
|
import '../reducers';
|
|
|
|
|
|
/**
|
|
* Root app {@code Component} on Web/React.
|
|
*
|
|
* @augments AbstractApp
|
|
*/
|
|
export class App extends AbstractApp {
|
|
|
|
/**
|
|
* Creates an extra {@link ReactElement}s to be added (unconditionally)
|
|
* alongside the main element.
|
|
*
|
|
* @abstract
|
|
* @protected
|
|
* @returns {ReactElement}
|
|
*/
|
|
override _createExtraElement() {
|
|
return (
|
|
<JitsiThemeProvider>
|
|
<OverlayContainer />
|
|
</JitsiThemeProvider>
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Overrides the parent method to inject {@link AtlasKitThemeProvider} as
|
|
* the top most component.
|
|
*
|
|
* @override
|
|
*/
|
|
override _createMainElement(component: React.ComponentType, props?: Object) {
|
|
return (
|
|
<JitsiThemeProvider>
|
|
<GlobalStyles />
|
|
<ChromeExtensionBanner />
|
|
<PiP />
|
|
{ super._createMainElement(component, props) }
|
|
</JitsiThemeProvider>
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Renders the platform specific dialog container.
|
|
*
|
|
* @returns {React$Element}
|
|
*/
|
|
override _renderDialogContainer() {
|
|
return (
|
|
<JitsiThemeProvider>
|
|
<DialogContainer />
|
|
</JitsiThemeProvider>
|
|
);
|
|
}
|
|
}
|