- {todos.map(renderItem)}
- id} />)
diff --git a/src/shared/components/TodoScreen.js b/src/shared/components/TodoScreen.js
new file mode 100644
index 0000000..e2e6760
--- /dev/null
+++ b/src/shared/components/TodoScreen.js
@@ -0,0 +1,28 @@
+import React from 'react';
+import styled from 'styled-components/primitives';
+import AddTodo from 'shared/containers/AddTodo';
+import TodoList from 'shared/components/TodoList';
+
+
+const Wrapper = styled.View`
+ padding-top: 20px;
+ display: flex;
+ flex-direction: column;
+ flex: 1;
+`;
+
+const Header = styled.Text`
+ font-size: 20px;
+ text-align: center;
+`;
+
+const TodoScreen = ({ title, todos }) => {
+ return (
+
-
- );
- }
-}
-
-export default App;
diff --git a/src/web/App.test.js b/src/web/App.test.js
deleted file mode 100644
index b84af98..0000000
--- a/src/web/App.test.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(
- 
-
- Welcome to React
-
- To get started, edit src/App.js and save to reload.
-