Fetch rooms data from API

tinspham209 · tinspham209 · commit f6719aff9ff8 · 2020-08-12T22:48:38.000+07:00
diff --git a/src/containers/Home/index.js b/src/containers/Home/index.js
@@ -2,34 +2,31 @@ import React, { useState, useEffect } from "react";
 import Body from "../../component/Body/Body";
 import Footer from "../../component/Footer/Footer";
 
-import { getHotelsData, getOffersData } from "../../api/";
+import { getHotelsData, getOffersData, getRoomsData } from "../../api/";
 
 const Home = () => {
 	const [hotels, setHotels] = useState();
 	const [offers, setOffers] = useState();
-
-	useEffect(() => {
-		const getHotels = async () => {
-			setHotels(await getHotelsData());
-		};
-		getHotels();
-	}, []);
+	const [rooms, setRooms] = useState();
 
 	useEffect(() => {
 		const fetchAPI = async () => {
-			Promise.all([await getHotelsData(), await getOffersData()]).then(
-				(values) => {
-					setHotels(values[0]);
-					setOffers(values[1]);
-				}
-			);
+			Promise.all([
+				await getHotelsData(),
+				await getOffersData(),
+				await getRoomsData(),
+			]).then((values) => {
+				setHotels(values[0]);
+				setOffers(values[1]);
+				setRooms(values[2]);
+			});
 		};
 		fetchAPI();
-	}, [setHotels, setOffers]);
+	}, [setHotels, setOffers, setRooms]);
 
 	return (
 		<div className="home">
-			<Body hotels={hotels} offers={offers} />
+			<Body hotels={hotels} offers={offers} rooms={rooms} />
 			<Footer />
 		</div>
 	);
