Refactoring Contributors and Page to prevent the need for a hack in Organization

Author: skipjack

components/contributors/contributors.jsx

@@ -8,8 +8,6 @@ export default ({contributors}) => {
 
   return (
     <div className="contributors">
-      <hr />
-      <h3>Contributors</h3>
       <div className="contributors__list">
         {
           contributors.map(contributor => (

components/organization/organization-style.scss

@@ -21,12 +21,6 @@
   background:getColor(concrete);
   transition:all 250ms;
 
-  // TODO: Fix this, refactor Page and Contributors components
-  .contributors h3,
-  .contributors hr {
-    display:none;
-  }
-
   &:hover {
     box-shadow:0 0 5px getColor(emperor);
     background:white;

components/page/page.jsx

@@ -36,6 +36,9 @@ export default ({ section, page }) => {
 
         <div dangerouslySetInnerHTML={{ __html: page.content }} />
 
+
+        <hr style={{ display: page.contributors.length ? 'block' : 'none' }} />
+        <h3 style={{ display: page.contributors.length ? 'block' : 'none' }}>Contributors</h3>
         <Contributors contributors={ page.contributors } />
       </section>
     </Container>