33 lines
840 B
TypeScript
33 lines
840 B
TypeScript
"use client";
|
|
|
|
import { getForecast } from "@/app/actions";
|
|
import Temperature from "./Temperature";
|
|
import { Forecast, coordType } from "@/types/types";
|
|
import { useContext, useEffect, useState } from "react";
|
|
import { defaultForecast } from "@/app/defaultState";
|
|
import { LocationContext } from "@/app/page";
|
|
|
|
|
|
|
|
export default function WeatherNow() {
|
|
const { geoLocation } = useContext(LocationContext)
|
|
const [weather, setWeather] = useState<Forecast>(defaultForecast);
|
|
useEffect(() => {
|
|
let mounted = true;
|
|
getForecast(geoLocation).then((data) => {
|
|
if (mounted) {
|
|
setWeather(data);
|
|
}
|
|
});
|
|
return () => {
|
|
mounted = false;
|
|
};
|
|
}, [geoLocation]);
|
|
return (
|
|
<>
|
|
<h1>Here is the current weather in {weather.name}</h1>
|
|
<Temperature tempInfo={weather?.main} />
|
|
</>
|
|
);
|
|
}
|