diff options
Diffstat (limited to 'src/containers/settings/SettingsWindow.js')
-rw-r--r-- | src/containers/settings/SettingsWindow.js | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/src/containers/settings/SettingsWindow.js b/src/containers/settings/SettingsWindow.js new file mode 100644 index 000000000..13ca96f72 --- /dev/null +++ b/src/containers/settings/SettingsWindow.js | |||
@@ -0,0 +1,43 @@ | |||
1 | import React, { Component } from 'react'; | ||
2 | import PropTypes from 'prop-types'; | ||
3 | import { observer, inject } from 'mobx-react'; | ||
4 | |||
5 | import ServicesStore from '../../stores/ServicesStore'; | ||
6 | |||
7 | import Layout from '../../components/settings/SettingsLayout'; | ||
8 | import Navigation from '../../components/settings/navigation/SettingsNavigation'; | ||
9 | |||
10 | @inject('stores', 'actions') @observer | ||
11 | export default class SettingsContainer extends Component { | ||
12 | render() { | ||
13 | const { children, stores } = this.props; | ||
14 | const { closeSettings } = this.props.actions.ui; | ||
15 | |||
16 | const navigation = ( | ||
17 | <Navigation | ||
18 | serviceCount={stores.services.all.length} | ||
19 | /> | ||
20 | ); | ||
21 | |||
22 | return ( | ||
23 | <Layout | ||
24 | navigation={navigation} | ||
25 | closeSettings={closeSettings} | ||
26 | > | ||
27 | {children} | ||
28 | </Layout> | ||
29 | ); | ||
30 | } | ||
31 | } | ||
32 | |||
33 | SettingsContainer.wrappedComponent.propTypes = { | ||
34 | children: PropTypes.element.isRequired, | ||
35 | stores: PropTypes.shape({ | ||
36 | services: PropTypes.instanceOf(ServicesStore).isRequired, | ||
37 | }).isRequired, | ||
38 | actions: PropTypes.shape({ | ||
39 | ui: PropTypes.shape({ | ||
40 | closeSettings: PropTypes.func.isRequired, | ||
41 | }), | ||
42 | }).isRequired, | ||
43 | }; | ||