Se elimina archivos de iconos de tipos

DannitaZz · Feb 3, 2022 · 5c26e7d · 5c26e7d
1 parent 74a7ba4
commit 5c26e7d
Show file tree

Hide file tree

Showing 19 changed files with 13 additions and 13 deletions.
diff --git a/src/components/pokedetails.jsx b/src/components/pokedetails.jsx
@@ -4,14 +4,13 @@ import axios from 'axios';
 import { Chart } from "react-google-charts";
 import { Typography, Card, CardContent, CardMedia } from '@mui/material';
 
-
 function Pokedetails({ pokemon, dispatch }) {
     const { id } = useParams();
     function upperFirstLetter(str) {
         return str.charAt(0).toUpperCase() + str.slice(1);
     }
     const data = [
-        ["Stat", "Max", {role: 'style'}],
+        ["Stat", "Pts", {role: 'style'}],
         ["HP", Number(pokemon.stats[0].base_stat), 'color: #D14461'],
         ["Attack", Number(pokemon.stats[1].base_stat), 'color: #176CC5'],
         ["Defense", Number(pokemon.stats[2].base_stat), 'color: #63BC5D'],
@@ -22,7 +21,6 @@ function Pokedetails({ pokemon, dispatch }) {
     const options = {
         title: "Stats",
         chartArea: { width: "50%" },
-        colors: ['#D14461', '#176CC5', '#63BC5D', '#F1D85A', '#B667CD', '#D87C52'],
         isStacked: true,
         hAxis: {
           title: "Pokémon Stats",
@@ -50,29 +48,31 @@ function Pokedetails({ pokemon, dispatch }) {
     return (
         <>
 
-            <div>
-                <Card sx={{ with: '80vw', height: '92vh', display: 'flex', justifyContent: 'center' }}>
-                    <CardContent sx={{ align: 'center' }}>
-                        <Typography component="div" variant="h4" textAlign='center'>
-                            Pokemon #{id} {upperFirstLetter(pokemon.name)}
-                        </Typography>
+            <div style={{display: 'flex', alignContent: 'center', justifyContent: 'center', marginTop: '3%'}}>
+                <Card sx={{ height: '80vh', display: 'flex', justifyContent: 'center', justifySelf: 'center', alignSelf: 'center'}}>
+                    <CardContent sx={{ align: 'center'}}>
                         <CardMedia
                             component="img"
                             sx={{ height: '40vh', align: 'center' }}
                             image={pokemon && pokemon.sprites.other["official-artwork"].front_default}
                             alt="pokemon"
                         />
+                         <Typography component="div" variant="h5" textAlign='center'>
+                              {upperFirstLetter(pokemon.name)}
+                             <br></br>
+                             #{id}
+                        </Typography>
                         <Typography component="div" variant="p" textAlign='center'>
-                            <hr></hr>
-                            Type: {pokemon && pokemon.types.map((type, i) => {
+
+                            {pokemon && pokemon.types.map((type, i) => {
                                 return (<li key={'t' + i}>{type.type.name}</li>)
                             })}
                         </Typography>
-                        <hr></hr>
+
                         <Chart
                             chartType="BarChart"
                             width="100%"
-                            height="200px"
+                            height="50%"
                             data={data}
                             options={options}
                         />

diff --git a/src/img/pokemonTypes/bug.png b/src/img/pokemonTypes/bug.png
diff --git a/src/img/pokemonTypes/dark.png b/src/img/pokemonTypes/dark.png
diff --git a/src/img/pokemonTypes/dragon.png b/src/img/pokemonTypes/dragon.png
diff --git a/src/img/pokemonTypes/electric.png b/src/img/pokemonTypes/electric.png
diff --git a/src/img/pokemonTypes/fairy.png b/src/img/pokemonTypes/fairy.png
diff --git a/src/img/pokemonTypes/fighting.png b/src/img/pokemonTypes/fighting.png
diff --git a/src/img/pokemonTypes/fire.png b/src/img/pokemonTypes/fire.png
diff --git a/src/img/pokemonTypes/flying.png b/src/img/pokemonTypes/flying.png
diff --git a/src/img/pokemonTypes/ghost.png b/src/img/pokemonTypes/ghost.png
diff --git a/src/img/pokemonTypes/grass.png b/src/img/pokemonTypes/grass.png
diff --git a/src/img/pokemonTypes/ground.png b/src/img/pokemonTypes/ground.png
diff --git a/src/img/pokemonTypes/ice.png b/src/img/pokemonTypes/ice.png
diff --git a/src/img/pokemonTypes/normal.png b/src/img/pokemonTypes/normal.png
diff --git a/src/img/pokemonTypes/poison.png b/src/img/pokemonTypes/poison.png
diff --git a/src/img/pokemonTypes/psychic.png b/src/img/pokemonTypes/psychic.png
diff --git a/src/img/pokemonTypes/rock.png b/src/img/pokemonTypes/rock.png
diff --git a/src/img/pokemonTypes/steel.png b/src/img/pokemonTypes/steel.png
diff --git a/src/img/pokemonTypes/water.png b/src/img/pokemonTypes/water.png