jiti-meet/react/features/base/ui/components/JitsiThemeProvider.web.js

48 lines
1.0 KiB
JavaScript
Raw Normal View History

// @flow
import { ThemeProvider } from '@material-ui/core/styles';
import * as React from 'react';
import { connect } from '../../../base/redux';
import BaseTheme from './BaseTheme';
type Props = {
/**
* The default theme or theme set through advanced branding.
*/
_theme: Object,
/**
* The children of the component.
*/
children: React.ChildrenArray<any>
}
/**
* The theme provider for the web app.
*
* @param {Object} props - The props of the component.
* @returns {React.ReactNode}
*/
function JitsiThemeProvider(props: Props) {
return <ThemeProvider theme = { props._theme }>{ props.children }</ThemeProvider>;
}
/**
* Maps part of the Redux state to the props of this component.
*
* @param {Object} state - The Redux state.
* @returns {Props}
*/
function _mapStateToProps(state) {
const { muiBrandedTheme } = state['features/dynamic-branding'];
return {
_theme: muiBrandedTheme || BaseTheme
};
}
export default connect(_mapStateToProps)(JitsiThemeProvider);