refactor: change apiKey variable to a function for better encapsulation in WeatherCard component

This commit is contained in:
2025-07-29 22:40:01 +02:00
parent 90cecc2afc
commit 3530d0e37f

View File

@@ -5,7 +5,7 @@ import Cookies from "js-cookie";
const WeatherCard: React.FC = () => { const WeatherCard: React.FC = () => {
const [city, setCity] = useState(""); const [city, setCity] = useState("");
const apiKey = Cookies.get("apiKey") || ""; const getAPIKey = () => Cookies.get("apiKey") || "";
const handleCityChange = (event: React.ChangeEvent<HTMLInputElement>) => { const handleCityChange = (event: React.ChangeEvent<HTMLInputElement>) => {
setCity(event.target.value); setCity(event.target.value);
@@ -13,7 +13,7 @@ const WeatherCard: React.FC = () => {
const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => { const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
event.preventDefault(); event.preventDefault();
fetchWeather(city, apiKey); fetchWeather(city, getAPIKey());
}; };
return ( return (