From a9428e09186ac525984a53b17d9e47eee40403d1 Mon Sep 17 00:00:00 2001
From: shailesh1416 <shaileshyadav1416@gmail.com>
Date: Fri, 7 Apr 2023 09:22:11 +0530
Subject: [PATCH] Day 14 - Fixed unfunctional countries api link and changed
 boilerplate code and documentation accordingly

---
 .../14_component_life_cycles.md               | 22 +++++++++----------
 .../src/index.js                              |  7 +++---
 2 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/14_Day_Component_Life_Cycles/14_component_life_cycles.md b/14_Day_Component_Life_Cycles/14_component_life_cycles.md
index fb00594..2d2e69a 100644
--- a/14_Day_Component_Life_Cycles/14_component_life_cycles.md
+++ b/14_Day_Component_Life_Cycles/14_component_life_cycles.md
@@ -275,7 +275,7 @@ class App extends Component {
 
   componentDidMount() {
     console.log('I am componentDidMount and I will be last to run.')
-    const API_URL = 'https://restcountries.eu/rest/v2/all'
+    const API_URL = 'https://restcountries.com/v3.1/all'
     fetch(API_URL)
       .then((response) => {
         return response.json()
@@ -300,16 +300,16 @@ class App extends Component {
           <p>There are {this.state.data.length} countries in the api</p>
           <div className='countries-wrapper'>
             {this.state.data.map((country) => (
-              <div>
-                <div>
-                  {' '}
-                  <img src={country.flag} alt={country.name} />{' '}
-                </div>
-                <div>
-                  <h1>{country.name}</h1>
-                  <p>Capital: {country.capital}</p>
-                  <p>Population: {country.population}</p>
-                </div>
+               <div>
+                  <div>
+                      {' '}
+                      <img src={country.flags.png} alt={country.name.official} />{' '}
+                  </div>
+                  <div>
+                      <h1>{country.name.common}</h1>
+                      <p>Capital: {country.capital}</p>
+                      <p>Population: {country.population}</p>
+                  </div>
               </div>
             ))}
           </div>
diff --git a/14_Day_Component_Life_Cycles/14_component_life_cycles_boilerplate/src/index.js b/14_Day_Component_Life_Cycles/14_component_life_cycles_boilerplate/src/index.js
index b9f802e..948074b 100644
--- a/14_Day_Component_Life_Cycles/14_component_life_cycles_boilerplate/src/index.js
+++ b/14_Day_Component_Life_Cycles/14_component_life_cycles_boilerplate/src/index.js
@@ -13,7 +13,7 @@ class App extends Component {
 
   componentDidMount() {
     console.log('I am componentDidMount and I will be last to run.')
-    const API_URL = 'https://restcountries.eu/rest/v2/all'
+    const API_URL = 'https://restcountries.com/v3.1/all'
     fetch(API_URL)
       .then((response) => {
         return response.json()
@@ -34,10 +34,11 @@ class App extends Component {
         <div>
           <div>
             {' '}
-            <img src={country.flag} alt={country.name} />{' '}
+            <img src={country.flags.png} alt={country.name.official} />{' '}
           </div>
           <div>
-            <h1>{country.name}</h1>
+            <h1>{country.name.common}</h1>
+            <p>Capital: {country.capital}</p>
             <p>Population: {country.population}</p>
           </div>
         </div>