mirror of
https://github.com/FranP-code/Hangman-game-with-React.git
synced 2025-10-13 00:42:32 +00:00
Add pokemon to firebase with the PokeAPI done
This commit is contained in:
26
src/components/Pokemon Scripts/AddPokemonToFirebaseQuery.js
Normal file
26
src/components/Pokemon Scripts/AddPokemonToFirebaseQuery.js
Normal file
@@ -0,0 +1,26 @@
|
||||
import { firestore } from "../../Firebase/Firebase_Config";
|
||||
import {getFirestore, collection, doc, setDoc } from "firebase/firestore/lite";
|
||||
|
||||
const AddPokemonToFirebaseQuery = async (language, pokemon) => {
|
||||
|
||||
console.log(pokemon)
|
||||
console.log(language)
|
||||
try {
|
||||
const db = await getFirestore(firestore)
|
||||
const result = await setDoc(doc(db, `hangman_words/${language}/pokemons`, pokemon.name), {
|
||||
|
||||
'WORD_FIELD': 'WORD_VALUE'
|
||||
})
|
||||
|
||||
return true
|
||||
|
||||
} catch (error) {
|
||||
|
||||
console.log(error)
|
||||
|
||||
return 'error'
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
export default AddPokemonToFirebaseQuery
|
||||
54
src/components/Pokemon Scripts/PokemonScripts.jsx
Normal file
54
src/components/Pokemon Scripts/PokemonScripts.jsx
Normal file
@@ -0,0 +1,54 @@
|
||||
import React from 'react'
|
||||
import AddPokemonToFirebaseQuery from './AddPokemonToFirebaseQuery'
|
||||
|
||||
const PokemonScripts = () => {
|
||||
|
||||
const addPokemonsToFirebase = async () => {
|
||||
|
||||
try {
|
||||
|
||||
const response = await fetch('https://pokeapi.co/api/v2/pokemon?limit=151')
|
||||
const pokemons = await response.json()
|
||||
|
||||
console.log(pokemons)
|
||||
|
||||
const uploadWordsPromise = new Promise((resolve, reject) => {
|
||||
|
||||
pokemons.results.forEach(async (pokemon, index) => {
|
||||
|
||||
await AddPokemonToFirebaseQuery('spanish', pokemon)
|
||||
|
||||
if (index === pokemons.results.length -1) resolve();
|
||||
})
|
||||
})
|
||||
|
||||
await uploadWordsPromise.then(() => {})
|
||||
|
||||
// await pokemons.results.forEach(async (pokemon) => {
|
||||
// console.log(pokemon.name)
|
||||
|
||||
// await AddPokemonToFirebaseQuery('english', pokemon)
|
||||
// });
|
||||
|
||||
console.log(pokemons.results.length)
|
||||
|
||||
} catch (error) {
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
React.useEffect(() => {
|
||||
|
||||
addPokemonsToFirebase()
|
||||
|
||||
},[])
|
||||
|
||||
return (
|
||||
<div>
|
||||
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default PokemonScripts
|
||||
Reference in New Issue
Block a user