Fixeando bugs y agregando el mapa

Repo

profee, ya vino su peor estudiante xd

Web: https://ivantdev.github.io/weather-app/
Repo: https://github.com/ivantdev/weather-app
Inspiración:

• https://dribbble.com/shots/17097005-Weather-Forecast-App-Concept
• https://dribbble.com/shots/15292603-Weather-Conceptual-App-Design

Me iba costando un poco lo de ubicar en el mapa con la localización del usuario, me dio muchos problemas la API de getCurrentPosition. Agregar que en iOS cuando no tienes conexión HTTPS te rechaza de una lo de pedir localización.
Para evitar que se cargaran datos por defecto (definidos por mi) usé una API para obtener la latitud y longitod en base a la IP del usuario.

Así se ve el Light mode

Dark mode

Código con date

useCurrentDay

export const getCurrentDay = (dayNumber) => {
	const today = new Date();
    if(dayNumber){
        const tomorrow = new Date(today);
        tomorrow.setDate(tomorrow.getDate() + dayNumber);
        return tomorrow
    }
	return today;
};

ListDay

<ul className={style.daily}>
			{weather.daily.map((day, index) => (
				<Day key={day.dt} {...day} index={index} />
			))}
		</ul>

Day

const date = getCurrentDay(index + 1);

	return (
		<li className={style.day}>
			<h2>{temp.max}</h2>
			<img src='' alt='image'></img>
			<h3>{weather[0].main}</h3>
			<p>{date.toDateString()}</p>
		</li>
	);