Handle 401 errors from open weather

.env

@@ -1 +1 @@
-INLINE_RUNTIME_CHUNK=false
+INLINE_RUNTIME_CHUNK=false

src/components/CurrentWeather/CurrentWeather.tsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from "react";
 import { Weather } from "Types";
 import { getPosition } from "utils/geolocation";
 import { getWeather } from "utils/openweather";
-import OpenWeatherIcon from "components/OpenWeatherIcon/OpenWeatherIcon";
+import OpenWeatherIcon from "components/OpenWeatherIcon";
 import "./CurrentWeather.scss";
 
 import { motion } from "framer-motion";

src/components/OpenWeatherIcon/index.ts

@@ -0,0 +1 @@
+export { default } from "./OpenWeatherIcon";

src/utils/openweather.ts

@@ -16,10 +16,15 @@ type QueryParams = {
     long?: string | number;
 };
 
-// Add REACT_APP_OPEN_WEATHER_API_KEY has to exist in .env.local file.
-// The .env.local file is gitignored must be generated during CI executions
+// Enter your Open Weather API key in the .env file
 const KEY = process.env.REACT_APP_OPEN_WEATHER_API_KEY;
 
+if (!KEY) {
+    console.error(
+        "Please add your OpenWeatherMap API Key (https://home.openweathermap.org/api_keys) to the .env file"
+    );
+}
+
 const shouldUseWeatherCache = async () => {
     const timestamp = (await getStorage(KEYS.WEATHER_DATA_FETCH_TIMESTAMP)) as
         | number
@@ -67,11 +72,20 @@ export const getWeather = async (query: QueryParams) => {
         ...query,
     });
 
-    const response = await fetch(WEATHER_API_URL + params);
-    const weatherData = (await response.json()) as Weather;
+    try {
+        const response = await fetch(WEATHER_API_URL + params);
+        const weatherData = (await response.json()) as Weather;
 
-    await setStorage(KEYS.WEATHER_DATA, weatherData);
-    await setStorage(KEYS.WEATHER_DATA_FETCH_TIMESTAMP, Date.now());
+        if (response.status === 401) {
+            throw weatherData;
+        }
 
-    return weatherData;
+        await setStorage(KEYS.WEATHER_DATA, weatherData);
+        await setStorage(KEYS.WEATHER_DATA_FETCH_TIMESTAMP, Date.now());
+
+        return weatherData;
+    } catch (e) {
+        console.error(e);
+        return null;
+    }
 };