src/templates/Jobs.js

import React, { Component } from 'react'
import { graphql } from 'gatsby'
import Header from 'src/components/Header'
import PageHelmet from 'src/components/PageHelmet'
import AllJobs from 'src/components/AllJobs'
import Footer from 'src/components/Footer'
import Subscribe from 'src/components/Subscribe'

class JobsPage extends Component {
  render() {
    const {
      data: { jobs },
    } = this.props
    return (
      <>
        <PageHelmet />
        <Header full={true} />
        <AllJobs jobs={jobs} />
        <Subscribe />
        <Footer />
      </>
    )
  }
}

export const query = graphql`
  query Jobs($locale: String!) {
    jobs: allDatoCmsJob(filter: { locale: { eq: $locale } }) {
      edges {
        node {
          title
          description
          geolocation {
            latitude
            longitude
          }
          locationDescription
          companyName
          photo {
            id
          }
          companyLogo {
            id
          }
        }
      }
    }
  }
`

export default JobsPage