From f398448422e2c666fa587cefd2890205aa079d27 Mon Sep 17 00:00:00 2001
From: Dominic Masters <dominic@domsplace.com>
Date: Sat, 17 Mar 2018 13:27:42 +1100
Subject: [PATCH] Allowed sections to have custom classes

---
 public/components/Section.jsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/public/components/Section.jsx b/public/components/Section.jsx
index fef6115..df49460 100644
--- a/public/components/Section.jsx
+++ b/public/components/Section.jsx
@@ -17,12 +17,14 @@ class Section extends React.Component {
   }
 
   render() {
-    let style = (this.props.section ?  "c-section--style-"+this.props.section : "");
-    let fullWidth = this.props.full ? "c-section--full-width" : "";
-    console.log(this.props);
+    let clazz = "c-section";
+
+    if(this.props.section) clazz += " c-section--style-"+this.props.section;
+    if(this.props.full) clazz += " c-section--full-width";
+    if(this.props.className) clazz += " " + this.props.className;
 
     return (
-      <section className={"c-section " + style + " " + fullWidth }>
+      <section className={ clazz }>
         { this.props.children }
       </section>
     )