handle empty section

src/components/sections/Section.js

@@ -1,25 +1,20 @@
-import React, { Component } from 'react';
+import React, { PureComponent } from 'react';
 import SectionItem from './SectionItem';
 
-class Section extends Component {
-  render() {
-    return (
-      <div>
+export default function Section({ data, id, title }) {
+  if ( data.length === 0 ) return null
+  return (
+    <div>
       <div className="row">
         <div className="col-lg-12">
-          <h2 id={this.props.id}>{this.props.title}</h2>
+          <h2 id={id}>{title}</h2>
         </div>
       </div>
       {
-        this.props.data.map(function(data, key) {
-          return (
-            <SectionItem data={data} key={key} />
-          );
-        })
+        data.map((data, key) => (
+          <SectionItem data={data} key={key} />
+        ))
       }
-      </div>
-    )
-  }
+    </div>
+  )
 }
-
-export default Section;