18-a2bab64f5be9d8ea9edf.js.map

{"version":3,"sources":["webpack:///./src/components/Post/Share.js"],"names":["PostShare","props","_props$post","post","slug","fields","title","frontmatter","excerpt","theme","url","config","siteUrl","pathPrefix","filter","count","react__WEBPACK_IMPORTED_MODULE_1___default","a","createElement","Fragment","className","styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default","dynamic","space","inset","l","inline","m","react_share__WEBPACK_IMPORTED_MODULE_3__","additionalProps","aria-label","react_share__WEBPACK_IMPORTED_MODULE_4__","round","size","react_share__WEBPACK_IMPORTED_MODULE_5__","react_share__WEBPACK_IMPORTED_MODULE_6__","react_share__WEBPACK_IMPORTED_MODULE_7__","react_share__WEBPACK_IMPORTED_MODULE_8__","quote","react_share__WEBPACK_IMPORTED_MODULE_9__","react_share__WEBPACK_IMPORTED_MODULE_10__","react_share__WEBPACK_IMPORTED_MODULE_11__","description","react_share__WEBPACK_IMPORTED_MODULE_12__","react_share__WEBPACK_IMPORTED_MODULE_13__","styleId","css","propTypes","PropTypes","object","isRequired"],"mappings":"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","file":"18-a2bab64f5be9d8ea9edf.js","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport {\n  FacebookShareButton,\n  GooglePlusShareButton,\n  LinkedinShareButton,\n  TwitterShareButton,\n  FacebookShareCount,\n  GooglePlusShareCount,\n  LinkedinShareCount,\n  FacebookIcon,\n  TwitterIcon,\n  GooglePlusIcon,\n  LinkedinIcon\n} from \"react-share\";\n\nimport config from \"../../../content/meta/config\";\n\nconst PostShare = props => {\n  const {\n    post: {\n      fields: { slug },\n      frontmatter: { title },\n      excerpt\n    },\n    theme\n  } = props;\n\n  const url = config.siteUrl + config.pathPrefix + slug;\n\n  const iconSize = 36;\n  const filter = count => (count > 0 ? count : \"\");\n\n  return (\n    <React.Fragment>\n      <div className=\"share\">\n        <span className=\"label\">SHARE</span>\n        <div className=\"links\">\n          <TwitterShareButton\n            url={url}\n            title={title}\n            additionalProps={{\n              \"aria-label\": \"Twitter share\"\n            }}\n          >\n            <TwitterIcon round size={iconSize} />\n          </TwitterShareButton>\n          <GooglePlusShareButton\n            url={url}\n            additionalProps={{\n              \"aria-label\": \"Google share\"\n            }}\n          >\n            <GooglePlusIcon round size={iconSize} />\n            <GooglePlusShareCount url={url}>\n              {count => <div className=\"share-count\">{filter(count)}</div>}\n            </GooglePlusShareCount>\n          </GooglePlusShareButton>\n          <FacebookShareButton\n            url={url}\n            quote={`${title} - ${excerpt}`}\n            additionalProps={{\n              \"aria-label\": \"Facebook share\"\n            }}\n          >\n            <FacebookIcon round size={iconSize} />\n            <FacebookShareCount url={url}>\n              {count => <div className=\"share-count\">{filter(count)}</div>}\n            </FacebookShareCount>\n          </FacebookShareButton>\n          <LinkedinShareButton\n            url={url}\n            title={title}\n            description={excerpt}\n            additionalProps={{\n              \"aria-label\": \"LinkedIn share\"\n            }}\n          >\n            <LinkedinIcon round size={iconSize} />\n            <LinkedinShareCount url={url}>\n              {count => <div className=\"share-count\">{filter(count)}</div>}\n            </LinkedinShareCount>\n          </LinkedinShareButton>\n        </div>\n      </div>\n\n      {/* --- STYLES --- */}\n      <style jsx>{`\n        .share {\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n        }\n\n        .links {\n          display: flex;\n          flex-direction: row;\n\n          :global(.SocialMediaShareButton) {\n            margin: 0 0.8em;\n            cursor: pointer;\n          }\n        }\n\n        .label {\n          font-size: 1.2em;\n          margin: 0 1em 1em;\n        }\n\n        @from-width tablet {\n          .share {\n            flex-direction: row;\n            margin: ${theme.space.inset.l};\n          }\n          .label {\n            margin: ${theme.space.inline.m};\n          }\n        }\n      `}</style>\n    </React.Fragment>\n  );\n};\n\nPostShare.propTypes = {\n  post: PropTypes.object.isRequired,\n  theme: PropTypes.object.isRequired\n};\n\nexport default PostShare;\n"],"sourceRoot":""}