From 5b8c000d459c3aec993bf2b03a851898712bdb18 Mon Sep 17 00:00:00 2001
From: Tom Hacohen <tom@stosb.com>
Date: Mon, 4 Dec 2017 21:41:03 +0000
Subject: [PATCH] Don't recreate views when switching tabs.

---
 src/JournalView.tsx | 25 ++++++++-----------------
 1 file changed, 8 insertions(+), 17 deletions(-)

diff --git a/src/JournalView.tsx b/src/JournalView.tsx
index c913587..6bdcfaf 100644
--- a/src/JournalView.tsx
+++ b/src/JournalView.tsx
@@ -87,32 +87,23 @@ export class JournalView extends React.Component {
           <Tab
             label={itemsTitle}
             containerElement={<Link to={routeResolver.getRoute('journals._id.items', {journalUid: journal.uid})} />}
-          />
+          >
+              <h2>{collectionInfo.displayName}</h2>
+              {itemsView}
+          </Tab>
           <Tab
             label="Journal Entries"
             containerElement={<Link to={routeResolver.getRoute('journals._id.entries', {journalUid: journal.uid})} />}
-          />
+          >
+              <h2>{collectionInfo.displayName}</h2>
+              <JournalViewEntries journal={journal} entries={syncEntries} />;
+          </Tab>
         </Tabs>
         <Route
           path={routeResolver.getRoute('journals._id')}
           exact={true}
           render={() => <Redirect to={routeResolver.getRoute('journals._id.items', {journalUid: journal.uid})} />}
         />
-        <h2>{collectionInfo.displayName}</h2>
-        <Route
-          path={routeResolver.getRoute('journals._id.entries')}
-          render={() => {
-              return <JournalViewEntries journal={journal} entries={syncEntries} />;
-            }
-          }
-        />
-        <Route
-          path={routeResolver.getRoute('journals._id.items')}
-          render={() => {
-              return itemsView;
-            }
-          }
-        />
       </div>
     );
   }