From 91ecdaa5dd1a65ff0ae944896945c0fe4bc23574 Mon Sep 17 00:00:00 2001
From: haishanh <haishanhan@gmail.com>
Date: Mon, 5 Nov 2018 18:32:16 +0800
Subject: update: convert more components to function ones

includes Input, Config, SideBard.

also removed react-redux Provider
---
 src/components/ContentHeader.js | 26 ++++++++++++--------------
 1 file changed, 12 insertions(+), 14 deletions(-)

(limited to 'src/components/ContentHeader.js')

diff --git a/src/components/ContentHeader.js b/src/components/ContentHeader.js
index 3e1370b..24d887b 100644
--- a/src/components/ContentHeader.js
+++ b/src/components/ContentHeader.js
@@ -1,20 +1,18 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 
 import s0 from './ContentHeader.module.scss';
 
-class ContentHeader extends Component {
-  static propTypes = {
-    title: PropTypes.string.isRequired
-  };
-
-  render() {
-    return (
-      <div className={s0.root}>
-        <h1 className={s0.h1}>{this.props.title}</h1>
-      </div>
-    );
-  }
+function ContentHeader({ title }) {
+  return (
+    <div className={s0.root}>
+      <h1 className={s0.h1}>{title}</h1>
+    </div>
+  );
 }
 
-export default ContentHeader;
+ContentHeader.propTypes = {
+  title: PropTypes.string.isRequired
+};
+
+export default React.memo(ContentHeader);
-- 
cgit v1.3.1