Apollo query

query.js

import React, { Component } from 'react'
import compose from 'recompose/compose'
import { gql, graphql } from 'react-apollo'
import List from './List'

class Images extends Component {
 render () {
   const { loading, error, allGalleries } = this.props.allImages

    if (allGalleries && allGalleries.length > 0) {
      return (
        <div>
          {allGalleries.map(image => <List key={image.id} image={image} />)}
        </div>
      )
    }
    
    if (loading) {
      return <div>loading...</div>
    }
    
    if (error) {
      return <div>error...</div>
    }
    
    return null
  }
}

const ALL_IMAGES_QUERY = gql`
  query allGalleriesQuery {
    allGalleries {
      id
      description
      picture {
        url
      }
    }
  }
`
const ALL_IMAGES_OPTIONS = { name: 'allImages' }
const getAllGalleries = graphql(ALL_IMAGES_QUERY, ALL_IMAGES_OPTIONS)
export default compose(getAllGalleries)(Images)

Thank you! this works great! The code looks so much better.