From 33cb46b4ff3af0b38e9519ca5d237a51ef36a414 Mon Sep 17 00:00:00 2001
From: Ruidy <r.nemausat@empfohlen.de>
Date: Fri, 23 Oct 2020 08:53:11 +0200
Subject: [PATCH] set store layout

---
 src/App.tsx                      |  7 +++----
 src/components/layout.tsx        | 11 +++++++++++
 src/containers/home/TodoList.tsx |  7 +++++--
 src/containers/home/index.tsx    | 22 ++++++++++------------
 src/core/store/index.ts          |  1 +
 src/core/store/todo/actions.ts   |  0
 src/core/store/todo/reducers.ts  |  0
 src/core/store/todo/selectors.ts |  0
 8 files changed, 30 insertions(+), 18 deletions(-)
 create mode 100644 src/components/layout.tsx
 create mode 100644 src/core/store/index.ts
 create mode 100644 src/core/store/todo/actions.ts
 create mode 100644 src/core/store/todo/reducers.ts
 create mode 100644 src/core/store/todo/selectors.ts

diff --git a/src/App.tsx b/src/App.tsx
index 0826eff..fc48006 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,13 +1,12 @@
 import React, { FC } from 'react';
 
 import Router from './Router';
-import { Header } from './components/Header';
+import { Layout } from './components/layout';
 
 const App: FC = () => (
-  <>
-    <Header />
+  <Layout>
     <Router />
-  </>
+  </Layout>
 );
 
 export default App;
diff --git a/src/components/layout.tsx b/src/components/layout.tsx
new file mode 100644
index 0000000..05b1d44
--- /dev/null
+++ b/src/components/layout.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { FC } from 'react';
+
+import { Header } from './Header';
+
+export const Layout: FC = ({ children }) => (
+  <div>
+    <Header />
+    {children}
+  </div>
+);
diff --git a/src/containers/home/TodoList.tsx b/src/containers/home/TodoList.tsx
index eebb1e8..68b90d0 100644
--- a/src/containers/home/TodoList.tsx
+++ b/src/containers/home/TodoList.tsx
@@ -1,11 +1,12 @@
-import React, { FC } from 'react';
+import React, { FC, memo } from 'react';
+
 import Todo from '../../core/models/todo';
 
 interface Props {
   todos: Todo[];
 }
 
-export const TodoList: FC<Props> = ({ todos }) => (
+const TodoList: FC<Props> = ({ todos }) => (
   <div>
     <ul>
       {todos.map((todo) => (
@@ -16,3 +17,5 @@ export const TodoList: FC<Props> = ({ todos }) => (
     </ul>
   </div>
 );
+
+export default memo(TodoList);
diff --git a/src/containers/home/index.tsx b/src/containers/home/index.tsx
index babe2a4..1d368cb 100644
--- a/src/containers/home/index.tsx
+++ b/src/containers/home/index.tsx
@@ -1,28 +1,26 @@
 import React, { FC } from 'react';
 
-import { TodoList } from './TodoList';
+import TodoList from './TodoList';
 import { Button } from '../../components/button';
+import { Container } from '../../components/container';
 
 import Todo from '../../core/models/todo';
 import { listTodos } from '../../core/services/todo';
-import { Container } from '../../components/container';
 
 export const Home: FC = () => {
   const todos: Todo[] = listTodos();
 
   return (
-    <div>
+    <Container>
       <h1>Your tasks</h1>
       <p>Hi there!</p>
       <TodoList todos={todos} />
-      <Container>
-        <Button primary onClick={() => console.log('Clicked Normal Button')}>
-          Normal Button
-        </Button>
-        <Button primary onClick={() => console.log('Clicked Primary Button')}>
-          Primary Button
-        </Button>
-      </Container>
-    </div>
+      <Button primary onClick={() => console.log('Clicked Normal Button')}>
+        Normal Button
+      </Button>
+      <Button primary onClick={() => console.log('Clicked Primary Button')}>
+        Primary Button
+      </Button>
+    </Container>
   );
 };
diff --git a/src/core/store/index.ts b/src/core/store/index.ts
new file mode 100644
index 0000000..c579700
--- /dev/null
+++ b/src/core/store/index.ts
@@ -0,0 +1 @@
+// init redux here
diff --git a/src/core/store/todo/actions.ts b/src/core/store/todo/actions.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/core/store/todo/reducers.ts b/src/core/store/todo/reducers.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/core/store/todo/selectors.ts b/src/core/store/todo/selectors.ts
new file mode 100644
index 0000000..e69de29