CheckToken.js

import React from 'react'
import { AsyncStorage } from 'react-native'
import { Query } from 'react-apollo'
import gql from 'graphql-tag'
import { TOKEN_KEY } from '../constants'
import { Spinner } from '../components'

const REFRESH_TOKEN_QUERY = gql`
  query($token: String!) {
    update_token(token: $token) {
      token
    }
  }
`

const Check = ({ token, navigate }) => (
  <Query query={REFRESH_TOKEN_QUERY} variables={{ token }}>
    {({ loading, error, data }) => {
      if (loading) return <Spinner fullscreen />
      if (error) return `Error!: ${error}`
      AsyncStorage.setItem(TOKEN_KEY, data.update_token.token)
      navigate('CHAT')
      return null
    }}
  </Query>
)

class CheckToken extends React.Component {
  state = {
    token: ''
  }

  componentDidMount = async () => {
    const token = await AsyncStorage.getItem(TOKEN_KEY)
    if (!token) {
      this.props.navigation.navigate('REG')
    } else {
      this.setState({ token })
    }
  }

  render() {
    const {
      state: { token },
      props: {
        navigation: { navigate }
      }
    } = this
    return <Check token={token} navigate={navigate} />
  }
}

export default CheckToken