yippie

frontend/src/components/weather/currentData.js

@@ -197,6 +197,13 @@ const Currentdata = (props) => {
             />
             <label for="air_quality_gb_defra_index">GB DEFRA Index</label>
             <br />
+            <div>
+            <label for="units">Choose a unit:</label>
+              <select name="unnits" id="units">
+                <option value="world">Rest of The World</option>
+                <option value="american">American units: /eagles per shool shootings</option>
+              </select>
+              </div>
             <div>
               <button className="thq-button-filled" onClick={getData}>
                 Generate

frontend/src/components/weather/historicalWeatherData.js

@@ -103,6 +103,13 @@ const HistoricalWeatherData = (props) => {
                 <input type="checkbox" id="wind_direction_10m_dominant" class="checkBoxFilter" />
                 <label for="wind_direction_10m_dominant">Wind Direction 10m Dominant</label>
                 <br />
+                <div>
+            <label for="units">Choose a unit:</label>
+              <select name="unnits" id="units">
+                <option value="world">Rest of The World</option>
+                <option value="american">American units: /eagles per shool shootings</option>
+              </select>
+              </div>
                 <div class="output">
               <h2>Output:</h2>
               <br />

frontend/src/components/weather/weatherForecastData.js

@@ -201,6 +201,13 @@ const WeatherForecastData = (props) => {
                     <br />
                 <br />
                 <div>
+                 <label for="units">Choose a unit:</label>
+                  <select name="unnits" id="units">
+                  <option value="world">Rest of The World</option>
+                    <option value="american">American units: /eagles per shool shootings</option>
+                  </select>
+              </div>
+                <div>
               <button className="thq-button-filled" onClick={getData}>
                 Generate
               </button>
@@ -325,27 +332,27 @@ const WeatherForecastData = (props) => {
       if (moonset) filterArray.push("moonset");
       if (moon_phase) filterArray.push("moon_phase");
       if (moon_illumination) filterArray.push("moon_illumination");
-      if (hour_time_epoch) filterArray.push("hour_time_epoch");
-      if (hour_time) filterArray.push("hour_time");
-      if (hour_temp) filterArray.push("hour_temp");
-      if (hour_is_day) filterArray.push("hour_is_day");
-      if (hour_condition_text) filterArray.push("hour_condition_text");
-      if (hour_condition_icon) filterArray.push("hour_condition_icon");
-      if (hour_condition_code) filterArray.push("hour_condition_code");
-      if (hour_wind) filterArray.push("hour_wind");
-      if (hour_wind_degree) filterArray.push("hour_wind_degree");
-      if (hour_wind_dir) filterArray.push("hour_wind_dir");
-      if (hour_pressure) filterArray.push("hour_pressure");
-      if (hour_precip) filterArray.push("hour_precip");
-      if (hour_humidity) filterArray.push("hour_humidity");
-      if (hour_cloud) filterArray.push("hour_cloud");
-      if (hour_feelslike) filterArray.push("hour_feelslike");
-      if (hour_windchill) filterArray.push("hour_windchill");
-      if (hour_heatindex) filterArray.push("hour_heatindex");
-      if (hour_dewpoint) filterArray.push("hour_dewpoint");
-      if (hour_vis) filterArray.push("hour_vis");
-      if (hour_gust) filterArray.push("hour_gust");
-      if (hour_uv) filterArray.push("hour_uv");
+      if (hour_time_epoch) filterArray.push("hourly_time_epoch");
+      if (hour_time) filterArray.push("hourly_time");
+      if (hour_temp) filterArray.push("hourly_temp");
+      if (hour_is_day) filterArray.push("hourly_is_day");
+      if (hour_condition_text) filterArray.push("hourly_condition_text");
+      if (hour_condition_icon) filterArray.push("hourly_condition_icon");
+      if (hour_condition_code) filterArray.push("hourly_condition_code");
+      if (hour_wind) filterArray.push("hourly_wind");
+      if (hour_wind_degree) filterArray.push("hourly_wind_degree");
+      if (hour_wind_dir) filterArray.push("hourly_wind_dir");
+      if (hour_pressure) filterArray.push("hourly_pressure");
+      if (hour_precip) filterArray.push("hourly_precip");
+      if (hour_humidity) filterArray.push("hourly_humidity");
+      if (hour_cloud) filterArray.push("hourly_cloud");
+      if (hour_feelslike) filterArray.push("hourly_feelslike");
+      if (hour_windchill) filterArray.push("hourly_windchill");
+      if (hour_heatindex) filterArray.push("hourly_heatindex");
+      if (hour_dewpoint) filterArray.push("hourly_dewpoint");
+      if (hour_vis) filterArray.push("hourly_vis");
+      if (hour_gust) filterArray.push("hourly_gust");
+      if (hour_uv) filterArray.push("hourly_uv");
       
       let filterString = filterArray.join(",");