2024-05-06 21:22:57 +00:00
|
|
|
"use client";
|
2024-05-04 21:04:30 +00:00
|
|
|
|
2024-05-09 23:10:37 +00:00
|
|
|
import { getHourlyForecast } from "@/app/actions";
|
2024-05-06 21:22:57 +00:00
|
|
|
import Temperature from "./Temperature";
|
2024-05-10 12:50:01 +00:00
|
|
|
import { HourlyForecast, WeatherContextType } from "@/types/types";
|
2024-05-09 23:00:26 +00:00
|
|
|
import { createContext, useContext, useEffect, useState } from "react";
|
2024-05-09 23:10:37 +00:00
|
|
|
import { defaultHourlyForecast } from "@/app/defaultState";
|
2024-05-09 21:40:14 +00:00
|
|
|
import { LocationContext } from "@/app/page";
|
2024-05-10 12:50:01 +00:00
|
|
|
import WeatherHero from "./WeatherHero";
|
2024-05-04 21:04:30 +00:00
|
|
|
|
2024-05-09 23:10:37 +00:00
|
|
|
export const WeatherContext = createContext<WeatherContextType>({
|
2024-05-09 23:00:26 +00:00
|
|
|
weather: defaultHourlyForecast,
|
2024-05-10 12:50:01 +00:00
|
|
|
setWeather: () => {}, // Default function, does nothing
|
2024-05-09 23:00:26 +00:00
|
|
|
});
|
2024-05-09 21:40:14 +00:00
|
|
|
|
|
|
|
export default function WeatherNow() {
|
2024-05-10 12:50:01 +00:00
|
|
|
const { geoLocation } = useContext(LocationContext);
|
2024-05-09 23:00:26 +00:00
|
|
|
const [weather, setWeather] = useState<HourlyForecast>(defaultHourlyForecast);
|
|
|
|
const contextValue: WeatherContextType = {
|
|
|
|
weather,
|
2024-05-10 12:50:01 +00:00
|
|
|
setWeather,
|
2024-05-09 23:00:26 +00:00
|
|
|
};
|
2024-05-06 21:22:57 +00:00
|
|
|
useEffect(() => {
|
|
|
|
let mounted = true;
|
2024-05-09 23:00:26 +00:00
|
|
|
getHourlyForecast(geoLocation).then((data) => {
|
2024-05-06 21:22:57 +00:00
|
|
|
if (mounted) {
|
|
|
|
setWeather(data);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
return () => {
|
|
|
|
mounted = false;
|
|
|
|
};
|
2024-05-09 21:40:14 +00:00
|
|
|
}, [geoLocation]);
|
2024-05-04 21:04:30 +00:00
|
|
|
return (
|
2024-05-06 21:22:57 +00:00
|
|
|
<>
|
2024-05-10 12:50:01 +00:00
|
|
|
<h1 className="my-4 text-2xl">
|
|
|
|
Here is the current weather in {geoLocation.name}
|
|
|
|
</h1>
|
2024-05-09 23:10:37 +00:00
|
|
|
<WeatherContext.Provider value={contextValue}>
|
2024-05-10 12:50:01 +00:00
|
|
|
<WeatherHero />
|
2024-05-09 23:10:37 +00:00
|
|
|
<Temperature />
|
|
|
|
</WeatherContext.Provider>
|
2024-05-06 21:22:57 +00:00
|
|
|
</>
|
2024-05-04 21:04:30 +00:00
|
|
|
);
|
|
|
|
}
|