Helper for generate Query and Mutation groups using Apollo

helpers.js

export const withQueryWrapper = (params) => {
  return (Component) => {
    return (props) => (
      <Query {...params}>
        {({ data, loading }) => (
          loading ? null :
          <Component 
            {...props}
            data={data}
          />
        )}
      </Query>
    )
  }
}

export const withMutations = (mutations) => {
  
  const mutationsNames = Object.keys(mutations)

  const mapper = mutationsNames
    .reduce((acc, name) => {
      acc[name] = ({ render }) => (
        <Mutation {...mutations[name]}>{render}</Mutation>
      )
      return acc
    }, {})
    
  const Mutations = adopt(mapper)
  return (Component) => {
    return (props) => (
      <Mutations>
        {(props) => (
          <Component {...props} />
        )}
      </Mutations>
    )
  }
}

view.jsx

export default compose(

  withQueryWrapper({
    query: GET_QUERY
  }),

  withMutations({
    myActionName: {
      mutation: M_ACTION,
      refetchQueries: (mutationResult) => [
        { query: M_ACTION_REFETCH, variables: {} }
      ]
    }
  })

)(ViewContainer)