Fix :: updated the image url

PreethiSakar7 · Dec 14, 2021 · 1629bff · 1629bff
1 parent d017132
commit 1629bff
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/src/components/card/Card.js b/src/components/card/Card.js
@@ -105,7 +105,8 @@ function PokeCard(props) {
                     </span>
                 </div>
                 <div className="card-image">
-                    <img src={`https://pokeres.bastionbot.org/images/pokemon/${props.poke.id}.png`} alt="pokeman"></img>
+                    {/* <img src={`https://pokeres.bastionbot.org/images/pokemon/${props.poke.id}.png`} alt="pokeman"></img> */}
+                    <img src={`https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/${props.poke.id}.png`} alt={props.poke.name}></img>
                 </div>
                 <div className="card-footer" onClick={onPokemonSelected}>
                     <div className="card-footer-name">{props.poke.name}</div>

diff --git a/src/components/card/card.css b/src/components/card/card.css
@@ -1,10 +1,11 @@
 .card-image img{
-    width: 200px;
-    height: 200px;
+    width: 120px;
+    height: 100px;
+    margin: 0 auto;
 }
 
 .card {
-    width: 230px;
+    width: 180px;
     margin: 20px 10px;
     height: 100%;
 }
@@ -18,6 +19,7 @@
 
 .card-image{
     padding: 10px;
+    display: flex;
 }
 
 .card-footer{

diff --git a/src/pages/main/MianPage.js b/src/pages/main/MianPage.js
@@ -27,7 +27,7 @@ function MainPage() {
   const getAllPokeman = async () => {
     let localPokemonList = JSON.parse(localStorage.getItem('pokemonList'));
     if (!localPokemonList) {
-      const url = 'https://pokeapi.co/api/v2/pokemon/?offset=0&limit=1000';
+      const url = 'https://pokeapi.co/api/v2/pokemon/?offset=0&limit=100';
       const response = await fetch(url);
       const jsonRes = await response.json();
       jsonRes.results.forEach( type => {