Fixing Country Dynamic

advanced-computer-lab · Dec 24, 2021 · c393c29 · c393c29
1 parent ccc1ad7
commit c393c29
Show file tree

Hide file tree

Showing 3 changed files with 177 additions and 6 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/src/Components/User/MyReservations.js b/frontend/src/Components/User/MyReservations.js
@@ -63,7 +63,7 @@ const MyReservations = () =>{
                 <div id={`return${index}`}>
                   <BoardingPass id={`return${index}`} Booking={Return.Booking} Flight={Return.Flight} />
                 </div>
-                <Weather />
+                <Weather City={Departure.Flight.ArrivalAirport} />
                 <Divider style= {{backgroundColor: 'black'}}/>
 
                 </>

diff --git a/frontend/src/Components/User/Weather/Weather.js b/frontend/src/Components/User/Weather/Weather.js
@@ -4,19 +4,20 @@ import axios from "axios";
 import Sunny from './Sunny'
 require("dotenv").config()
 
-const Weather = () =>{
+const Weather = ({City}) =>{
 
     const [weather, setWeather] = useState("");
+    const [weather2, setWeather2] = useState("");
     const base_url = "https://api.openweathermap.org/data/2.5/forecast?q="
-    const city_name = "Cairo"
+
     const api_key = "68d40f12553da0869dd6c2629436f43f"
-    const complete_url = base_url + city_name + "&appid=" + api_key + "&cnt=4"
+    const complete_url = base_url + City + "&appid=" + api_key + "&cnt=4"
+
 
     useEffect(() => {
         const getWeather = async () => {
             const {data}  = await axios.get(`${complete_url}`);
             setWeather(data);
-
 
         };
         getWeather();
@@ -26,7 +27,10 @@ const Weather = () =>{
 
     if(weather)
         return(
+            <>
             <Sunny weather={weather} />
+
+            </>
         )
     else
          return <> </>