diff options
author | Stefan Malzner <stefan@adlk.io> | 2017-10-13 12:29:40 +0200 |
---|---|---|
committer | Stefan Malzner <stefan@adlk.io> | 2017-10-13 12:29:40 +0200 |
commit | 58cda9cc7fb79ca9df6746de7f9662bc08dc156a (patch) | |
tree | 1211600c2a5d3b5f81c435c6896618111a611720 /src/containers/settings/SettingsWindow.js | |
download | ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.tar.gz ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.tar.zst ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.zip |
initial commit
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 | }; | ||