Changed structure of todos example to be more similar to redux's example

docs/Examples.md

@@ -3,3 +3,4 @@
 Redux Subspace is distributed with a few examples in its [source code](/examples). Most of these examples are also on [CodeSandbox](https://codesandbox.io/), this is an online editor that lets you play with the examples online.
 
 * [Counter](/examples/counter)
+* [Todos](/examples/todos)

examples/todos/src/App/App.js → examples/todos/src/App/containers/App.js

@@ -1,16 +1,13 @@
 import React from 'react'
 import { connect } from 'react-redux'
 import { SubspaceProvider } from 'react-redux-subspace'
-import { Footer } from '../Footer'
-import { AddTodo, VisibleTodoList } from '../Todos'
+import { Footer } from '../../Footer'
+import { TodoApp } from '../../Todos'
 
 const App = ({ filter }) => (
   <div>
     <SubspaceProvider namespace='todos'>
-      <div>
-        <AddTodo />
-        <VisibleTodoList filter={filter} />
-      </div>
+      <TodoApp filter={filter} />
     </SubspaceProvider>
     <SubspaceProvider mapState={(state) => state.visibilityFilter} namespace='footer'>
       <Footer />

examples/todos/src/App/index.js

@@ -1,2 +1,2 @@
-export { default as App } from './App'
-export { default as reducer } from './reducer'
+export { default as App } from './containers/App'
+export { default as reducer } from './reducers'

examples/todos/src/App/reducer.js → examples/todos/src/App/reducers/index.js

@@ -1,7 +1,7 @@
 import { combineReducers } from 'redux'
 import { namespaced } from 'redux-subspace'
-import { reducer as todos } from '../Todos'
-import { reducer as visibilityFilter } from '../Footer'
+import { reducer as todos } from '../../Todos'
+import { reducer as visibilityFilter } from '../../Footer'
 
 const app = combineReducers({
   todos: namespaced('todos')(todos),

examples/todos/src/Footer/Footer.js → examples/todos/src/Footer/components/Footer.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import FilterLink from './FilterLink'
+import FilterLink from '../containers/FilterLink'
 
 const Footer = () => (
   <p>

examples/todos/src/Footer/FilterLink.js → examples/todos/src/Footer/containers/FilterLink.js

@@ -1,6 +1,6 @@
 import { connect } from 'react-redux'
-import { setVisibilityFilter } from './actions'
-import Link from './Link'
+import { setVisibilityFilter } from '../actions'
+import Link from '../components/Link'
 
 const mapStateToProps = (state, ownProps) => ({
   active: ownProps.filter === state

examples/todos/src/Footer/index.js

@@ -1,2 +1,2 @@
-export { default as Footer } from './Footer'
-export { default as reducer } from './reducer'
+export { default as Footer } from './components/Footer'
+export { default as reducer } from './reducers'

examples/todos/src/Todos/components/TodoApp.js

@@ -0,0 +1,12 @@
+import React from 'react'
+import AddTodo from '../containers/AddTodo'
+import VisibleTodoList from '../containers/VisibleTodoList'
+
+const TodoApp = ({ filter }) => (
+  <div>
+    <AddTodo />
+    <VisibleTodoList filter={filter} />
+  </div>
+)
+
+export default TodoApp

examples/todos/src/Todos/AddTodo.js → examples/todos/src/Todos/containers/AddTodo.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import { connect } from 'react-redux'
-import { addTodo } from './actions'
+import { addTodo } from '../actions'
 
 let AddTodo = ({ dispatch }) => {
   let input

examples/todos/src/Todos/VisibleTodoList.js → examples/todos/src/Todos/containers/VisibleTodoList.js

@@ -1,6 +1,6 @@
 import { connect } from 'react-redux'
-import { toggleTodo } from './actions'
-import TodoList from './TodoList'
+import { toggleTodo } from '../actions'
+import TodoList from '../components/TodoList'
 
 const getVisibleTodos = (todos, filter) => {
   switch (filter) {

examples/todos/src/Todos/index.js

@@ -1,3 +1,2 @@
-export { default as AddTodo } from './AddTodo'
-export { default as VisibleTodoList } from './VisibleTodoList'
-export { default as reducer } from './reducer'
+export { default as TodoApp } from './components/TodoApp'
+export { default as reducer } from './reducers'