/*eslint no-unused-vars:0*/
'use strict'
import _ from 'lodash'
import classNames from 'classnames'
import leftQuote from '../../../static/asset/left-intro-quote.svg'
import rightQuote from '../../../static/asset/right-intro-quote.svg'
import styles from './Introduction.scss'
import React, { Component } from 'react'

export const Introduction = ({ data }) => {
  let content = Array.isArray(data) ? data.map((ele) => {
    return (
      <p>{_.get(ele, [ 'content', 0 ])}</p>
    )
  } ) : <p>{_.get(data, [ 'content', 0 ])}</p>
  if (content > 0) {
    return (
      <div className={classNames('inner-max', 'center-block', styles.introContainer)}>
        <img className={styles.leftQuote} src={ leftQuote } />
        {content}
        <img className={styles.rightQuote} src={ rightQuote } />
      </div>
    )
  } else {
    return (<div></div>)
  }
}

@@ -524,16 +524,17 @@
 %5D)%7D%3C/p%3E%0A
+%0A
   if (co
@@ -538,16 +538,23 @@
 (content
+.length
  %3E 0) %7B%0A

Update src/components/article/Introduction. fix bug