Use @container decorator in todo example

gaearon · gaearon · commit d56fa5655bf9 · 2015-06-03T13:49:12.000+03:00
diff --git a/examples/todo/App.js b/examples/todo/App.js
@@ -1,22 +1,16 @@
 import React from 'react';
 import Header from './Header';
 import Body from './Body';
-import { root, Container } from 'redux';
-import { todoStore } from './stores/index';
-import { addTodo } from './actions/index';
+import { root } from 'redux';
 
 @root
 export default class TodoApp {
   render() {
     return (
-      <Container stores={todoStore} actions={{ addTodo }}>
-        {props =>
-          <div>
-            <Header addTodo={props.addTodo} />
-            <Body todos={props.todos} />
-          </div>
-        }
-      </Container>
+      <div>
+        <Header />
+        <Body />
+      </div>
     );
   }
 }
diff --git a/examples/todo/Body.js b/examples/todo/Body.js
@@ -1,5 +1,10 @@
 import React, { PropTypes } from 'react';
+import { container } from 'redux';
+import { todoStore } from './stores/index';
 
+@container({
+  stores: todoStore
+})
 export default class Body {
   static propTypes = {
     todos: PropTypes.array.isRequired
diff --git a/examples/todo/Header.js b/examples/todo/Header.js
@@ -1,5 +1,10 @@
 import React, { PropTypes } from 'react';
+import { container } from 'redux';
+import { addTodo } from './actions/index';
 
+@container({
+  actions: { addTodo }
+})
 export default class Header {
   static propTypes = {
     addTodo: PropTypes.func.isRequired
