src/templates/Job.js

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

class SingleJobPage extends Component {
  render() {
    const {
      data: { job },
    } = this.props
    return (
      <>
        <PageHelmet title="Job" />
        <Header full={true} />
        <SingleJob job={job} />
        <Subscribe />
      </>
    )
  }
}

export const query = graphql`
  query SingleJob($id: String!, $locale: String!) {
    job: datoCmsJob(locale: { eq: $locale }, id: { eq: $id }) {
    title
    description
    geolocation{
      latitude
      longitude
    }
    locationDescription
    photo{
      url
    }
    companyName

    }
  }
`

export default SingleJobPage