Struggling with hiding elements.

client/coral-embed-stream/src/CommentStream.js

@@ -102,8 +102,8 @@ class CommentStream extends Component {
         ? <div>
           <div id="commentBox">
             <InfoBox
-              content={this.props.config.infoBox.content}
-              enable={this.props.config.infoBox.enable}/>
+              content={this.props.config.infoBoxContent}
+              enable={this.props.config.infoBoxEnable}/>
             <Count
               id={rootItemId}
               items={this.props.items}/>

client/coral-embed-stream/style/default.css

@@ -58,6 +58,12 @@ hr {
   color: white;
   border-radius: 2px;
   font-weight: bold;
+  display: block;
+}
+
+.hidden  {
+  visibility: hidden;
+  display: none;
 }
 
 /* Comment Box Styles */

client/coral-plugin-infobox/InfoBox.js

@@ -3,8 +3,7 @@ const packagename = 'coral-plugin-infobox';
 
 const InfoBox = ({enable, content}) =>
 <div
-  className={`${packagename}-info`}
-  hidden={`${!enable}`}>
+  className={`${packagename}-info ${enable ? '' : ', hidden'}` }>
   {content}
 </div>;