From 4f08b3ec9e2425a824b7e819b681036f8c053dcf Mon Sep 17 00:00:00 2001
From: Oliver Zeigermann <oliver.zeigermann@gmail.com>
Date: Tue, 25 Apr 2017 11:02:13 +0200
Subject: [PATCH 1/2] added missing dependency

---
 package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package.json b/package.json
index 588d794..b5015e4 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,7 @@
     "redux": "^3.6.0",
     "redux-thunk": "2.2.0",
     "smoothscroll": "0.3.0",
+    "smoothscroll-polyfill": "^0.3.5",
     "subscriptions-transport-ws": "0.5.5",
     "webpack": "2.4.1",
     "whatwg-fetch": "^1.0.0"

From f7519a1457be9595acb3c72ad503febc03f10f70 Mon Sep 17 00:00:00 2001
From: Oliver Zeigermann <oliver.zeigermann@gmail.com>
Date: Tue, 25 Apr 2017 11:02:47 +0200
Subject: [PATCH 2/2] example for functional component

---
 src/app.js | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/app.js b/src/app.js
index 8c9cd75..e4273a0 100644
--- a/src/app.js
+++ b/src/app.js
@@ -24,18 +24,22 @@ const store = compose(
 
 const auth = new Authorisation()
 
-class HandsUpAppWrapper extends React.Component {
-  render() {
-    return (
-      <HandsUpApp auth={auth} client={client} />
-    )
-  }
-}
+// functional component: https://facebook.github.io/react/docs/components-and-props.html#functional-and-class-components
+const HandsUpAppWrapper = () => <HandsUpApp auth={auth} client={client} />
+// class HandsUpAppWrapper extends React.Component {
+//   render() {
+//     return (
+//       <HandsUpApp auth={auth} client={client} />
+//     )
+//   }
+// }
 
 render(
   <ApolloProvider store={store} client={client}>
     <HashRouter>
       <Route path='/' component={HandsUpAppWrapper} />
+      {/* Even simpler */}
+      {/* <Route path='/' component={() => <HandsUpApp auth={auth} client={client} />} /> */}
     </HashRouter>
   </ApolloProvider>,
   document.getElementById('root')