blog/src/components/molecules/Subscribe.jsx

import React from 'react'
import { StaticQuery, graphql } from 'gatsby'
import IconLinks from './IconLinks'
import styles from './Subscribe.module.scss'

const query = graphql`
  query {
    site {
      siteMetadata {
        rss
        jsonfeed
      }
    }
  }
`

const Subscribe = () => (
  <StaticQuery
    query={query}
    render={data => {
      const { rss, jsonfeed } = data.site.siteMetadata

      const links = [rss, jsonfeed]

      return (
        <aside className={styles.subscribe}>
          <h1 className={styles.title}>Subscribe</h1>
          <IconLinks links={links} />
        </aside>
      )
    }}
  />
)

export default Subscribe