48 lines
1.3 KiB
TypeScript
48 lines
1.3 KiB
TypeScript
import React, { Component } from 'react';
|
|
import { connect } from 'react-redux';
|
|
import { BetaAgreement, Footer, Header } from 'components';
|
|
import { AppState } from 'reducers';
|
|
import Notifications from './Notifications';
|
|
import OfflineTab from './OfflineTab';
|
|
import { getOffline, getLatestBlock } from 'selectors/config';
|
|
|
|
interface StateProps {
|
|
isOffline: AppState['config']['meta']['offline'];
|
|
latestBlock: AppState['config']['meta']['latestBlock'];
|
|
}
|
|
|
|
interface OwnProps {
|
|
isUnavailableOffline?: boolean;
|
|
children: string | React.ReactElement<string> | React.ReactElement<string>[];
|
|
}
|
|
|
|
type Props = OwnProps & StateProps;
|
|
|
|
class TabSection extends Component<Props, {}> {
|
|
public render() {
|
|
const { isUnavailableOffline, children, isOffline, latestBlock } = this.props;
|
|
|
|
return (
|
|
<div className="page-layout">
|
|
<Header />
|
|
<div className="Tab container">
|
|
{isUnavailableOffline && isOffline ? <OfflineTab /> : children}
|
|
</div>
|
|
<div className="flex-spacer" />
|
|
<Footer latestBlock={latestBlock} />
|
|
<Notifications />
|
|
<BetaAgreement />
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
function mapStateToProps(state: AppState): StateProps {
|
|
return {
|
|
isOffline: getOffline(state),
|
|
latestBlock: getLatestBlock(state)
|
|
};
|
|
}
|
|
|
|
export default connect(mapStateToProps, {})(TabSection);
|