Make layout a class

Ives van Hoorne · Ives van Hoorne · commit 064f1b6ab2f1 · 2017-12-14T04:12:29.000+01:00
diff --git a/packages/homepage/src/layouts/index.js b/packages/homepage/src/layouts/index.js
@@ -8,16 +8,22 @@ import '../css/global.css';
 import Navigation from '../components/Navigation';
 import Footer from '../components/Footer';
 
-const TemplateWrapper = ({ children }) => (
-  <ThemeProvider theme={theme}>
-    <div>
-      <div style={{ position: 'absolute', left: 0, right: 0, zIndex: 20 }}>
-        <Navigation />
-      </div>
-      <div style={{ maxWidth: '100vw', overflowX: 'hidden' }}>{children()}</div>
-      <Footer />
-    </div>
-  </ThemeProvider>
-);
-
-export default TemplateWrapper;
+// eslint-disable-next-line
+export default class TemplateWrapper extends React.Component {
+  render() {
+    const { children } = this.props;
+    return (
+      <ThemeProvider theme={theme}>
+        <div>
+          <div style={{ position: 'absolute', left: 0, right: 0, zIndex: 20 }}>
+            <Navigation />
+          </div>
+          <div style={{ maxWidth: '100vw', overflowX: 'hidden' }}>
+            {children()}
+          </div>
+          <Footer />
+        </div>
+      </ThemeProvider>
+    );
+  }
+}
