From af921e1b28ba259b31d3992d6f375147a542c146 Mon Sep 17 00:00:00 2001
From: Tom Hacohen <tom@stosb.com>
Date: Fri, 1 Dec 2017 17:58:27 +0000
Subject: [PATCH] Move the header back outside of the internal components.

---
 src/EteSyncContext.tsx | 28 ++++++++++++++++------------
 src/JournalList.tsx    |  3 ---
 src/JournalView.tsx    |  3 ---
 3 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/src/EteSyncContext.tsx b/src/EteSyncContext.tsx
index 7985294..47770bd 100644
--- a/src/EteSyncContext.tsx
+++ b/src/EteSyncContext.tsx
@@ -44,18 +44,22 @@ export class EteSyncContext extends React.Component {
     }
 
     return (
-      <Switch>
-        <Route
-          path={routeResolver.getRoute('home')}
-          exact={true}
-          render={() => <JournalList etesync={this.state as EteSyncContextType} />}
-        />
-        <Route
-          path={routeResolver.getRoute('journals._id')}
-          exact={true}
-          render={({match}) => <JournalView match={match} etesync={this.state as EteSyncContextType} />}
-        />
-      </Switch>
+      <div>
+        <div className="App-header">
+          <h2>Welcome to React</h2>
+        </div>
+        <Switch>
+          <Route
+            path={routeResolver.getRoute('home')}
+            exact={true}
+            render={() => <JournalList etesync={this.state as EteSyncContextType} />}
+          />
+          <Route
+            path={routeResolver.getRoute('journals._id')}
+            render={({match}) => <JournalView match={match} etesync={this.state as EteSyncContextType} />}
+          />
+        </Switch>
+      </div>
     );
   }
 }
diff --git a/src/JournalList.tsx b/src/JournalList.tsx
index 1aeab64..d5fffbc 100644
--- a/src/JournalList.tsx
+++ b/src/JournalList.tsx
@@ -55,9 +55,6 @@ export class JournalList extends React.Component {
 
     return (
       <div>
-        <div className="App-header">
-          <h2>Welcome to React</h2>
-        </div>
         <ul>
           {journals}
         </ul>
diff --git a/src/JournalView.tsx b/src/JournalView.tsx
index 4b73a1b..4aaf58b 100644
--- a/src/JournalView.tsx
+++ b/src/JournalView.tsx
@@ -49,9 +49,6 @@ export class JournalView extends React.Component {
 
     return (
       <div>
-        <div className="App-header">
-          <h2>Welcome to React</h2>
-        </div>
         <ul>
           {journals}
         </ul>