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 (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+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