diff --git a/src/components/containers/seo.js b/src/components/containers/seo.js index 8c9e72d2795..95637d70cbc 100644 --- a/src/components/containers/seo.js +++ b/src/components/containers/seo.js @@ -148,11 +148,11 @@ const SEO = ({ description, meta, title, no_index, has_organization_schema, meta }, ...(no_index || no_index_staging || is_ach_page ? [ - { - name: 'robots', - content: 'noindex', - }, - ] + { + name: 'robots', + content: 'noindex', + }, + ] : []), ].concat(meta)} > diff --git a/src/components/localization/withIntl.js b/src/components/localization/withIntl.js index 5d25f9250e1..ffb21702660 100644 --- a/src/components/localization/withIntl.js +++ b/src/components/localization/withIntl.js @@ -34,7 +34,7 @@ export const WithIntl = () => (WrappedComponent) => { } return ( - + ) } diff --git a/src/images/svg/blog/facebook.svg b/src/images/svg/blog/facebook.svg new file mode 100644 index 00000000000..e1dbc69506a --- /dev/null +++ b/src/images/svg/blog/facebook.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/images/svg/blog/instagram.svg b/src/images/svg/blog/instagram.svg new file mode 100644 index 00000000000..5c3a4508f03 --- /dev/null +++ b/src/images/svg/blog/instagram.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/images/svg/blog/pinterest.svg b/src/images/svg/blog/pinterest.svg new file mode 100644 index 00000000000..0e3a818b300 --- /dev/null +++ b/src/images/svg/blog/pinterest.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/images/svg/blog/twitter.svg b/src/images/svg/blog/twitter.svg new file mode 100644 index 00000000000..a29d02f259c --- /dev/null +++ b/src/images/svg/blog/twitter.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/pages/blog/_social-sharing.js b/src/pages/blog/_social-sharing.js new file mode 100644 index 00000000000..781383752c4 --- /dev/null +++ b/src/pages/blog/_social-sharing.js @@ -0,0 +1,68 @@ +import React from 'react' +import styled from 'styled-components' +import PropTypes from 'prop-types' +import { SectionContainer, Container, Flex } from 'components/containers' +import { LocalizedLink } from 'components/localization' +import { Header } from 'components/elements/typography' +import device from 'themes/device' +import FacebookIcon from 'images/svg/blog/facebook.svg' +import PinterestIcon from 'images/svg/blog/pinterest.svg' +import TwitterIcon from 'images/svg/blog/twitter.svg' +import LinkedInIcon from 'images/svg/footer-linkedin.svg' + +const IconWrapper = styled.div` + width: 120px; +` + +const HeaderWrapper = styled.span` + margin-right: 16px; + + @media ${device.tablet}{ + margin: 0 auto 8px; + } +` + +const StyledFlex = styled(Flex)` + @media ${device.tablet}{ + width: 120px; + margin-left: auto; + } +` + +const SocialSharing = ({ pathname }) => { + return ( + + + + +
+ Share this post +
+
+ + + + + + + + + + + + + + + + +
+
+
+ ) +} + +SocialSharing.propTypes = { + pathname: PropTypes.string, +} + +export default SocialSharing diff --git a/src/pages/blog/social-sharing/index.js b/src/pages/blog/social-sharing/index.js new file mode 100644 index 00000000000..49b4573777b --- /dev/null +++ b/src/pages/blog/social-sharing/index.js @@ -0,0 +1,20 @@ +import React from 'react' +import PropTypes from 'prop-types' +import SocialSharing from '../_social-sharing' +import { WithIntl } from 'components/localization' +import Layout from 'components/layout/layout' + +const Index = (props) => { + const pathname = props.pageContext.pathname + return ( + + + + ) +} + +Index.propTypes = { + pageContext: PropTypes.object, +} + +export default WithIntl()(Index) \ No newline at end of file