dwa

frontend/src/components/weather/currentData.js

@@ -9,18 +9,18 @@ const Currentdata = (props) => {
         <div className="thq-grid-5">
           <div class="filter">
             <label for="location">Location:</label>
-            <input type="text" id="location" placeholder="Location" />
+            <input type="text" id="city_text" placeholder="Location" />
             <br />
             <label for="region">Region:</label>
-            <input type="text" id="region" placeholder="Region" />
+            <input type="text" id="region_text" placeholder="Region" />
             <br />
             <label>Country:</label>
-            <input type="text" id="country" placeholder="Country" />
+            <input type="text" id="country_text" placeholder="Country" />
             <br />
             <label>Latitude:</label>
-            <input type="text" id="latitude" placeholder="Latitude" />
+            <input type="text" id="latitude_text" placeholder="Latitude" />
             <label>Longitude:</label>
-            <input type="text" id="longitude" placeholder="Longitude" />
+            <input type="text" id="longitude_text" placeholder="Longitude" />
             <br />
           </div>
           <div>
@@ -197,7 +197,25 @@ const Currentdata = (props) => {
             />
             <label for="air_quality_gb_defra_index">GB DEFRA Index</label>
             <br />
-            <br />
+            <div>
+              <button className="thq-button-filled" onClick={getData}>
+                Generate
+              </button>
+            </div>
+            <br />
+            <div class="output">
+              <h2>Output:</h2>
+              <br />
+              <pre id="weatherData"></pre>
+            </div>
+            <div id="apiUrl">
+              <label>API URL:</label>
+              <br />
+              <input className="input" type="text" id="apiUrloutput" readOnly />
+            </div>
+            <button className="APIButton" onClick={searchAPI}>
+              City api
+            </button>
             <br />
             <br />
           </div>
@@ -248,7 +266,7 @@ const Currentdata = (props) => {
 
     let filterArray = [];
 
-    if (name) {
+    if (document.getElementById("name").checked) {
       filterArray.push("name");
     }
     if (region) {