upload-apollo-client/app/components/single-uploader.js
2017-07-08 19:11:06 +10:00

34 lines
648 B
JavaScript

import { graphql, gql } from 'react-apollo'
import uploadsQuery from '../queries/uploads'
const SingleUploader = ({ mutate }) => {
const handleChange = ({ target }) => {
if (target.validity.valid) {
mutate({
variables: {
file: target.files[0]
},
refetchQueries: [
{
query: uploadsQuery
}
]
})
}
}
return <input type="file" required onChange={handleChange} />
}
export default graphql(gql`
mutation singleUpload($file: Upload!) {
singleUpload(file: $file) {
id
name
type
size
path
}
}
`)(SingleUploader)