AutoMate/frontend/components/File.js

import React from 'react'
import gql from 'graphql-tag'
import { Query } from 'react-apollo'

const QUERY_FILES = gql`
  query QUERY_FILES {
    id
    filename
    mimetype
    truncated
    size
    md5
  }
`

class File extends React.Component {
  render () {
    const { id } = this.props
    return (
      <Query query={QUERY_FILES} variables={{ id }}>
        {({ data, error, loading }) => (
          <p>Here I expect some files.</p>
        )}
      </Query>
    )
  }
}

export default File