|
|
@ -2,8 +2,9 @@ import PropTypes from 'prop-types';
|
|
|
|
import React, { Component } from 'react';
|
|
|
|
import React, { Component } from 'react';
|
|
|
|
import locationShape from 'Helpers/Props/Shapes/locationShape';
|
|
|
|
import locationShape from 'Helpers/Props/Shapes/locationShape';
|
|
|
|
import SignalRConnector from 'Components/SignalRConnector';
|
|
|
|
import SignalRConnector from 'Components/SignalRConnector';
|
|
|
|
import AppUpdatedModalConnector from 'App/AppUpdatedModalConnector';
|
|
|
|
import ColorImpairedContext from 'App/ColorImpairedContext';
|
|
|
|
import ConnectionLostModalConnector from 'App/ConnectionLostModalConnector';
|
|
|
|
import ConnectionLostModalConnector from 'App/ConnectionLostModalConnector';
|
|
|
|
|
|
|
|
import AppUpdatedModalConnector from 'App/AppUpdatedModalConnector';
|
|
|
|
import PageHeader from './Header/PageHeader';
|
|
|
|
import PageHeader from './Header/PageHeader';
|
|
|
|
import PageSidebar from './Sidebar/PageSidebar';
|
|
|
|
import PageSidebar from './Sidebar/PageSidebar';
|
|
|
|
import styles from './Page.css';
|
|
|
|
import styles from './Page.css';
|
|
|
@ -73,39 +74,42 @@ class Page extends Component {
|
|
|
|
children,
|
|
|
|
children,
|
|
|
|
isSmallScreen,
|
|
|
|
isSmallScreen,
|
|
|
|
isSidebarVisible,
|
|
|
|
isSidebarVisible,
|
|
|
|
|
|
|
|
enableColorImpairedMode,
|
|
|
|
onSidebarToggle,
|
|
|
|
onSidebarToggle,
|
|
|
|
onSidebarVisibleChange
|
|
|
|
onSidebarVisibleChange
|
|
|
|
} = this.props;
|
|
|
|
} = this.props;
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<div className={className}>
|
|
|
|
<ColorImpairedContext.Provider value={enableColorImpairedMode}>
|
|
|
|
<SignalRConnector />
|
|
|
|
<div className={className}>
|
|
|
|
|
|
|
|
<SignalRConnector />
|
|
|
|
<PageHeader
|
|
|
|
|
|
|
|
onSidebarToggle={onSidebarToggle}
|
|
|
|
<PageHeader
|
|
|
|
/>
|
|
|
|
onSidebarToggle={onSidebarToggle}
|
|
|
|
|
|
|
|
|
|
|
|
<div className={styles.main}>
|
|
|
|
|
|
|
|
<PageSidebar
|
|
|
|
|
|
|
|
location={location}
|
|
|
|
|
|
|
|
isSmallScreen={isSmallScreen}
|
|
|
|
|
|
|
|
isSidebarVisible={isSidebarVisible}
|
|
|
|
|
|
|
|
onSidebarVisibleChange={onSidebarVisibleChange}
|
|
|
|
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
|
|
{children}
|
|
|
|
<div className={styles.main}>
|
|
|
|
</div>
|
|
|
|
<PageSidebar
|
|
|
|
|
|
|
|
location={location}
|
|
|
|
|
|
|
|
isSmallScreen={isSmallScreen}
|
|
|
|
|
|
|
|
isSidebarVisible={isSidebarVisible}
|
|
|
|
|
|
|
|
onSidebarVisibleChange={onSidebarVisibleChange}
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
|
|
<AppUpdatedModalConnector
|
|
|
|
{children}
|
|
|
|
isOpen={this.state.isUpdatedModalOpen}
|
|
|
|
</div>
|
|
|
|
onModalClose={this.onUpdatedModalClose}
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ConnectionLostModalConnector
|
|
|
|
<AppUpdatedModalConnector
|
|
|
|
isOpen={this.state.isConnectionLostModalOpen}
|
|
|
|
isOpen={this.state.isUpdatedModalOpen}
|
|
|
|
onModalClose={this.onConnectionLostModalClose}
|
|
|
|
onModalClose={this.onUpdatedModalClose}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<ConnectionLostModalConnector
|
|
|
|
|
|
|
|
isOpen={this.state.isConnectionLostModalOpen}
|
|
|
|
|
|
|
|
onModalClose={this.onConnectionLostModalClose}
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</ColorImpairedContext.Provider>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -118,6 +122,7 @@ Page.propTypes = {
|
|
|
|
isSidebarVisible: PropTypes.bool.isRequired,
|
|
|
|
isSidebarVisible: PropTypes.bool.isRequired,
|
|
|
|
isUpdated: PropTypes.bool.isRequired,
|
|
|
|
isUpdated: PropTypes.bool.isRequired,
|
|
|
|
isDisconnected: PropTypes.bool.isRequired,
|
|
|
|
isDisconnected: PropTypes.bool.isRequired,
|
|
|
|
|
|
|
|
enableColorImpairedMode: PropTypes.bool.isRequired,
|
|
|
|
onResize: PropTypes.func.isRequired,
|
|
|
|
onResize: PropTypes.func.isRequired,
|
|
|
|
onSidebarToggle: PropTypes.func.isRequired,
|
|
|
|
onSidebarToggle: PropTypes.func.isRequired,
|
|
|
|
onSidebarVisibleChange: PropTypes.func.isRequired
|
|
|
|
onSidebarVisibleChange: PropTypes.func.isRequired
|
|
|
|