Fetch 7 day forecast

src/components/main/Root.tsx

@@ -4,10 +4,17 @@ import { format, addDays } from "date-fns";
 
 const fetchWeekForecastData = async function (dateTime, cb) {
   const formattedDate = format(dateTime, "yyyy-MM-d");
-  const response = await fetch(
-    `http://api.weatherapi.com/v1/future.json?key=bfca7632f8dc4253859120435242301&q=Vienna&dt=${formattedDate}`,
-  );
-  const data = await response.json();
+
+  const forecastRequests = Array.from({ length: 7 }).map((_, index) => {
+    const date = addDays(dateTime, index);
+    const formattedDate = format(dateTime, "yyyy-MM-d");
+    const url = `http://api.weatherapi.com/v1/future.json?key=bfca7632f8dc4253859120435242301&q=Vienna&dt=${formattedDate}`;
+    const dataPromise = fetch(url).then((x) => x.json());
+
+    return dataPromise;
+  });
+
+  const data = await Promise.all(forecastRequests);
 
   cb(data);
 };