Fixed issues with last refactoring

Author: Vikas Agarwal

src/components/FAQ/FAQContainer.jsx

@@ -1,20 +1,20 @@
-import React, { Component, Fragment } from 'react'
+import React, { Component } from 'react'
 import FAQItem from './FAQItem'
 import { getEntry } from '../../api/contentful'
 import spinnerWhileLoading from '../../components/LoadingSpinner'
 import './FAQContainer.scss'
 
 
 const FAQList = ({ entry }) => (
-  <Fragment>
+  <div styleName="faq-list-container">
     { 
       entry.fields.items.map((item, idx) => {
         return (
           <FAQItem key={idx} item={item} />
         )}
       )
     }
-  </Fragment>
+  </div>
 )
 
 const EnhancedFAQContainer = spinnerWhileLoading(props => {
@@ -25,25 +25,26 @@ class FAQContainer extends Component {
   constructor(props) {
     super(props)
     this.state = {
-      faqs: null
+      faqs: null,
+      isLoading: true
     }
   }
 
   componentWillMount() {
     getEntry(this.props.contentKey).then((entry) => {
-      this.setState({ faqs: entry })
+      this.setState({ faqs: entry, isLoading: false })
     })
   }
 
   render() {
     const { pageTitle } = this.props
-    const { faqs } = this.state
+    const { faqs, isLoading } = this.state
 
     return (
       <div styleName="main">
         <h1 styleName="title">{pageTitle}</h1>
         <div styleName="content">
-          <EnhancedFAQContainer entry={faqs} />
+          <EnhancedFAQContainer entry={faqs} isLoading={isLoading} />
         </div>
       </div>
     )

src/components/FAQ/FAQContainer.scss

@@ -1,6 +1,11 @@
 @import '~tc-ui/src/styles/tc-includes';
 @import "../../styles/includes";
 
+
+.faq-list-container {
+
+}
+
 .accordion {
   & + & {
     margin-top: 2 * $base-unit;