twreporter-react/lib/components/article/Introduction.js

React-Redux site for The Reporter Foundation in Taiwan

/*eslint no-unused-vars:0*/
'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Introduction = undefined;

var _lodash = require('lodash');

var _lodash2 = _interopRequireDefault(_lodash);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

var _Common = {
  "inner-block": "Common__inner-block___2cOrF",
  "disable-inner-block": "Common__disable-inner-block___1MLd0",
  "text-color": "Common__text-color___1TD3U",
  "desc-text-color": "Common__desc-text-color___2fV3l",
  "desc-text-block": "Common__desc-text-block___1Z4b-",
  "text-link": "Common__text-link___1jaLy",
  "topic-box": "Common__topic-box___2Q-kN"
};

var _Common2 = _interopRequireDefault(_Common);

var _Introduction = {
  "intro-container": "Introduction__intro-container___3nFuZ"
};

var _Introduction2 = _interopRequireDefault(_Introduction);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var Introduction = exports.Introduction = function Introduction(_ref) {
  var data = _ref.data;

  var content = Array.isArray(data) ? data.map(function (ele, idx) {
    return _react2.default.createElement(
      'p',
      { key: ele.id || idx },
      _lodash2.default.get(ele, ['content', 0])
    );
  }) : _react2.default.createElement(
    'p',
    null,
    _lodash2.default.get(data, ['content', 0])
  );

  if (content.length > 0) {
    return _react2.default.createElement(
      'div',
      { className: (0, _classnames2.default)(_Introduction2.default['intro-container'], 'text-justify', _Common2.default['text-color']) },
      content
    );
  } else {
    return _react2.default.createElement('div', null);
  }
};