gistfile1.txt

import React, { useState, useEffect } from 'react'
import Parse from 'parse'

import Header from 'components/molecules/Header'
import Main from 'components/molecules/Main'
import NumbersList from 'components/molecules/NumbersList'



let CupomObject = Parse.Object.extend('Cupom')
let SorteioObject = Parse.Object.extend('Sorteio')


const Cupons = props => {

  const [cupons, setCupons] = useState([])

  let { id } = props.match.params

  useEffect(() => {
    async function loadCupons() {
      let cupons = []
      
      // let cuponsQuery = new Parse.Query(CupomObject)

      // cuponsQuery.include("confirmadoPara")
      // cuponsQuery.include("reservadoPara")
      // cuponsQuery.limit(200)
      // cuponsQuery.equalTo('sorteio', { "__type": "Pointer", "className": "Sorteio", "objectId": id })
      // cuponsQuery.find()

      let SorteioObject = Parse.Object.extend('Sorteio')
      let sorteioQuery = new Parse.Query(SorteioObject)
      sorteioQuery.include('cupons')
      sorteioQuery.get( id )

        .then(result => {

          let cupons = result.get('cupons')
          console.log( cupons )
          // let
            for (let i = 0; i < cupons.length; i++) {
              let cupom = cupons[i]
              let id = cupom.id
              let numero = parseInt(cupom.get('numero'))
              let status = cupom.get('status')
              let cliente = cupom.get('reservadoPara')
              let primeiroNome = cliente ? cliente.get('primeiroNome') : 'Seu nome'
              let telefone = cliente ? cliente.get('telefone') : 'DDD'
              cupons.push({
                id,
                numero,
                status,
                cliente,
                primeiroNome,
                telefone
              })
          } 
        },
        error => {
          console.log('deu erro vi negao')
        })

      let subscription = await sorteioQuery.subscribe()
      
      subscription.on('open', () => {
        console.log(`subscription open`)
      })

      subscription.on('update', async (obj) => {
        let status = obj.get('status')
        let cupom = obj
        let id = cupom.id
        setCupons(current => [...current].map(item => item.id === id ? {...item, status: status} : item ))
        
      })
      setCupons( cupons )  
    } 
    loadCupons()
    console.log( cupons )

  }, [])

  return (
    <>
      <Header
        voltar="sorteio" />
      <Main
        title={`teste ${id}`}
        desc="Sorteio criado dia 15/05/2020" />
      <NumbersList />
    </>
  )

}

export default Cupons