Vulcan/packages/vulcan-core/lib/modules/containers/withNew.js

57 lines
No EOL
1.3 KiB
JavaScript

/*
Generic mutation wrapper to insert a new document in a collection and update
a related query on the client with the new item and a new total item count.
Sample mutation:
mutation moviesNew($document: MoviesInput) {
moviesNew(document: $document) {
...MoviesNewFormFragment
}
}
Arguments:
- document: the document to insert
Child Props:
- newMutation(document)
*/
import React, { Component } from 'react';
import { graphql } from 'react-apollo';
import gql from 'graphql-tag';
import { getFragment, getFragmentName } from 'meteor/vulcan:core';
export default function withNew(options) {
// get options
const { collection } = options,
fragment = options.fragment || getFragment(options.fragmentName),
fragmentName = getFragmentName(fragment),
collectionName = collection.options.collectionName,
mutationName = collection.options.mutations.new.name;
// wrap component with graphql HoC
return graphql(gql`
mutation ${mutationName}($document: ${collectionName}Input) {
${mutationName}(document: $document) {
...${fragmentName}
}
}
${fragment}
`, {
alias: 'withNew',
props: ({ownProps, mutate}) => ({
newMutation: ({document}) => {
return mutate({
variables: { document },
});
}
}),
});
}