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

React-Redux site for The Reporter Foundation in Taiwan

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

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

var _lodash = require('lodash');

var _lodash2 = _interopRequireDefault(_lodash);

var _BlockAlignmentWrapper = require('./BlockAlignmentWrapper');

var _BlockAlignmentWrapper2 = _interopRequireDefault(_BlockAlignmentWrapper);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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 _Embedded;

var _Embedded2 = _interopRequireDefault(_Embedded);

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

var EmbeddedCode = exports.EmbeddedCode = function EmbeddedCode(_ref) {
  var content = _ref.content;


  var embeddedCode = _lodash2.default.get(content, [0], {});

  return _react2.default.createElement(
    'div',
    { className: (0, _classnames2.default)(_Common2.default['inner-block']) },
    _react2.default.createElement('div', { dangerouslySetInnerHTML: { __html: embeddedCode.embeddedCode } }),
    _react2.default.createElement(
      'div',
      { className: (0, _classnames2.default)(_Common2.default['desc-text-block'], 'text-justify') },
      embeddedCode.caption
    )
  );
}; // eslint-disable-next-line


var AlignedEmbedded = exports.AlignedEmbedded = (0, _BlockAlignmentWrapper2.default)(EmbeddedCode);