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

React-Redux site for The Reporter Foundation in Taiwan

'use strict';

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

var _reactSocial = require('react-social');

var _ShareBt = {
  "share-bt-container": "ShareBt__share-bt-container___nSL15",
  "bt": "ShareBt__bt___3gIW-",
  "fade-in-left": "ShareBt__fade-in-left___V0gF_",
  "fade-in": "ShareBt__fade-in___2xk1U",
  "fade-out": "ShareBt__fade-out___2Gzkg",
  "fade-in-up": "ShareBt__fade-in-up___OSZMA",
  "fade-in-down": "ShareBt__fade-in-down___12ye5",
  "fade-out-down": "ShareBt__fade-out-down___ceTAh",
  "fade-out-left": "ShareBt__fade-out-left___Aufwc",
  "fade-in-right": "ShareBt__fade-in-right___1yMq0",
  "fade-out-right": "ShareBt__fade-out-right___1UDXw"
};

var _ShareBt2 = _interopRequireDefault(_ShareBt);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

// eslint-disable-next-line

var ShareBt = exports.ShareBt = function ShareBt(props) {
  var appId = props.appId;
  var fbIcon = props.fbIcon;
  var lineIcon = props.lineIcon;
  var url = props.url;
  var title = props.title;
  var twitterIcon = props.twitterIcon;

  var lineUrl = 'http://line.naver.jp/R/msg/text/?' + encodeURI(title + ' ' + url);
  return _react2.default.createElement(
    'div',
    { className: _ShareBt2.default['share-bt-container'] },
    _react2.default.createElement(
      _reactSocial.FacebookButton,
      { className: _ShareBt2.default.bt, url: url, appId: appId },
      _react2.default.createElement('img', { src: fbIcon })
    ),
    _react2.default.createElement(
      _reactSocial.TwitterButton,
      { className: _ShareBt2.default.bt, message: title, url: url },
      _react2.default.createElement('img', { src: twitterIcon })
    ),
    _react2.default.createElement(
      'a',
      { href: lineUrl, className: _ShareBt2.default.bt },
      _react2.default.createElement('img', { src: lineIcon })
    )
  );
};