Created
May 21, 2020 22:39
-
-
Save ribeirovictor/435ca71a75a441d77e693b8252a1cd70 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment