blob: 663b9e2e41e7b08c347397c2a138080ae8b5d80c (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
|
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { observer, inject } from 'mobx-react';
import ServicesStore from '../../stores/ServicesStore';
import Layout from '../../components/settings/SettingsLayout';
import Navigation from '../../components/settings/navigation/SettingsNavigation';
import ErrorBoundary from '../../components/util/ErrorBoundary';
import { workspaceStore } from '../../features/workspaces';
export default @inject('stores', 'actions') @observer class SettingsContainer extends Component {
render() {
const { children, stores } = this.props;
const { closeSettings } = this.props.actions.ui;
const navigation = (
<Navigation
serviceCount={stores.services.all.length}
workspaceCount={workspaceStore.workspaces.length}
/>
);
return (
<ErrorBoundary>
<Layout
navigation={navigation}
closeSettings={closeSettings}
>
{children}
</Layout>
</ErrorBoundary>
);
}
}
SettingsContainer.wrappedComponent.propTypes = {
children: PropTypes.element.isRequired,
stores: PropTypes.shape({
services: PropTypes.instanceOf(ServicesStore).isRequired,
}).isRequired,
actions: PropTypes.shape({
ui: PropTypes.shape({
closeSettings: PropTypes.func.isRequired,
}),
}).isRequired,
};
|