Use classes instead of stateless functions for Components

1 files changed, 13 insertions, 9 deletions

diff --git a/src/client/react/components/page/Index.js b/src/client/react/components/page/Index.js
index e5e47c5..c48ebe0 100644
--- a/src/client/react/components/page/Index.js
+++ b/src/client/react/components/page/Index.js
@@ -2,14 +2,18 @@ import React from 'react';
 import Search from '../container/Search';
 import HelpBox from '../container/HelpBox';
 
-const IndexPage = () => (
-  <div className="page-index">
-    <div className="container">
-      <img src="/icons/mml-logo.png" alt="Metis" />
-      <Search />
-      <HelpBox />
-    </div>
-  </div>
-);
+class IndexPage extends React.Component {
+  render() {
+    return (
+      <div className="page-index">
+        <div className="container">
+          <img src="/icons/mml-logo.png" alt="Metis" />
+          <Search />
+          <HelpBox />
+        </div>
+      </div>
+    );
+  }
+}
 
 export default IndexPage;