react-gosuslugi/components/NewsBlock/index.js

react-gosuslugi collection of common React UI components

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _reactRouterDom = require('react-router-dom');

var _moment = require('moment');

var _moment2 = _interopRequireDefault(_moment);

require('./NewsBlock.sass');

var _Col = require('../Col');

var _Col2 = _interopRequireDefault(_Col);

var _Container = require('../Container');

var _Container2 = _interopRequireDefault(_Container);

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

var NewsBlock = function NewsBlock(_ref) {
  var newsContent = _ref.newsContent;

  if (!newsContent) {
    return null;
  }
  return _react2.default.createElement(
    'section',
    { className: 'newsBlock-wrapper' },
    _react2.default.createElement(
      _Container2.default,
      null,
      _react2.default.createElement(
        _Col2.default,
        { xs: 6, sm: 3, md: 6, lg: 6 },
        _react2.default.createElement(
          'h3',
          { className: 'newsCaption' },
          '\u041D\u043E\u0432\u043E\u0435 \u043D\u0430 \u043F\u043E\u0440\u0442\u0430\u043B\u0435'
        )
      ),
      _react2.default.createElement(
        _Col2.default,
        { xs: 6, sm: 9, md: 18, lg: 18 },
        _react2.default.createElement(
          'ul',
          { className: 'news-list' },
          newsContent.map(function (content) {
            return _react2.default.createElement(
              'li',
              { key: content.id, className: 'news-item' },
              _react2.default.createElement(
                'span',
                { className: 'news-item__date' },
                (0, _moment2.default)(content.created_at).format('DD.MM.YYYY')
              ),
              _react2.default.createElement(
                _reactRouterDom.Link,
                { to: '/posts/' + content.id, className: 'news-item__link' },
                _react2.default.createElement(
                  'h4',
                  { className: 'news-item__caption' },
                  content.caption
                ),
                content.description && _react2.default.createElement(
                  'p',
                  { className: 'news-item__text' },
                  content.description,
                  _react2.default.createElement('span', { className: 'right_arrow' })
                )
              )
            );
          })
        )
      )
    )
  );
};

{/* eslint-disable */}
NewsBlock.propTypes = {
  newsContent: _propTypes2.default.array.isRequired,
  id: _propTypes2.default.number,
  created_at: _propTypes2.default.string,
  caption: _propTypes2.default.string,
  description: _propTypes2.default.string
};
{/* eslint-disable */}

exports.default = NewsBlock;