@r3l/app/lib/modules/navigation/social.icons.js

Relevant App

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _styled = require("../styled");

var TwitterIcon = require("../../../public/img/twitter-black.png");

var EmailIcon = require("../../../public/img/email.png");

var SlackIcon = require("../../../public/img/slack.png");

var MediumIcon = require("../../../public/img/medium.png");

var InstaIcon = require("../../../public/img/instagram.png");

var icons = [{
  href: 'https://blog.relevant.community',
  source: MediumIcon,
  target: '_blank'
}, {
  href: 'https://instagram.com/relevant_community',
  source: InstaIcon,
  target: '_blank'
}, {
  href: 'https://twitter.com/relevantfeed',
  source: TwitterIcon,
  target: '_blank'
}, // {
//   href:
//     'https://join.slack.com/t/relevantcommunity/shared_invite/enQtMjIwMjEwNzUzMjUzLWVjODViM2ZkZDE5ZWMyYzcxMzI3ZTQ3Njc4YTBmYmVmMTQxZGJiNDcxYzljODZlM2U0NGU1YTE3MDlhM2I1NmI',
//   source: SlackIcon,
//   target: '_blank',
// },
{
  href: 'mailto:info@relevant.community',
  source: EmailIcon,
  target: '_blank'
}];

var FooterIcon = function FooterIcon(_ref) {
  var href = _ref.href,
      source = _ref.source,
      target = _ref.target,
      actions = _ref.actions;
  if (!source) return null;
  return /*#__PURE__*/_react.default.createElement(_styled.Pressable, {
    external: true,
    to: href,
    onClick: function onClick() {
      return actions.goToUrl(href);
    },
    target: target || '_self',
    inline: 1
  }, /*#__PURE__*/_react.default.createElement(_styled.Image, {
    sx: {
      width: 2.8 * 8,
      height: 2.4 * 8,
      mr: 2
    },
    resizeMode: 'contain',
    source: source
  }));
};

FooterIcon.propTypes = {
  href: _propTypes.default.string,
  source: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string, _propTypes.default.object]),
  target: _propTypes.default.string,
  actions: _propTypes.default.object
};

function FooterIcons(_ref2) {
  var actions = _ref2.actions;
  return /*#__PURE__*/_react.default.createElement(_styled.Row, {
    sx: {
      mt: 2,
      mb: [0, 2]
    }
  }, icons.map(function (icon) {
    return /*#__PURE__*/_react.default.createElement(FooterIcon, (0, _extends2.default)({
      actions: actions,
      key: icon.href
    }, icon));
  }));
}

FooterIcons.propTypes = {
  actions: _propTypes.default.object
};
//# sourceMappingURL=social.icons.js.map