jos3duardo/upload-apollo-client
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Using functional components instead of classes.

Browse Source
This commit is contained in:
Jayden Seric 2017-04-26 01:38:45 +10:00
parent 5f5008fca1
commit 0a1876b253
2 changed files with 8 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/components/multiple-uploader.js
View File

@ -1,11 +1,10 @@
import {Component} from 'react'
import {graphql, gql} from 'react-apollo'
import uploadsQuery from '../queries/uploads'
class MultipleUploader extends Component {
handleChange = ({target}) => {
const MultipleUploader = ({mutate}) => {
const handleChange = ({target}) => {
if (target.validity.valid) {
this.props.mutate({
mutate({
variables: {
files: target.files
},
@ -16,9 +15,7 @@ class MultipleUploader extends Component {
}
}
render () {
return <input type='file' accept={'image/jpeg,image/png'} multiple required onChange={this.handleChange} />
}
return <input type='file' accept={'image/jpeg,image/png'} multiple required onChange={handleChange} />
}
export default graphql(gql`

11
app/components/single-uploader.js
View File

@ -1,11 +1,10 @@
import {Component} from 'react'
import {graphql, gql} from 'react-apollo'
import uploadsQuery from '../queries/uploads'
class SingleUploader extends Component {
handleChange = ({target}) => {
const SingleUploader = ({mutate}) => {
const handleChange = ({target}) => {
if (target.validity.valid) {
this.props.mutate({
mutate({
variables: {
file: target.files[0]
},
@ -16,9 +15,7 @@ class SingleUploader extends Component {
}
}
render () {
return <input type='file' accept={'image/jpeg,image/png'} required onChange={this.handleChange} />
}
return <input type='file' accept={'image/jpeg,image/png'} required onChange={handleChange} />
}
export default graphql(gql`