Merge pull request #56 from Yamilini-GA/add_clear_button

Add Clear button
surajondev · Oct 17, 2023 · d775863 · d775863
2 parents 9fb60c0 + 30e9a00
commit d775863
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/App.js b/src/App.js
@@ -126,6 +126,7 @@ class App extends React.Component {
     e.preventDefault();
     this.componentWillMount();
   }
+
   clearInput() {
     this.setState({
       city_name: "",
@@ -197,11 +198,13 @@ class App extends React.Component {
             onChange={this.city}
             placeholder="Enter desired location"
           ></input>
-          <button className="submit-button" onClick={this.submit}>
+          <button className="button" onClick={this.submit}>
             <p className="p-submit">SUBMIT</p>
           </button>
-          <button className="clear-button" onClick={this.clearInput}>
-            Clear
+
+          <button className="button" onClick={this.clear}>
+            <p className="p-submit">CLEAR</p>
+
           </button>
         </form>
         <Appcontainer

diff --git a/src/index.css b/src/index.css
@@ -106,7 +106,7 @@ p {
   margin-left: 0.8rem;
 }
 
-.submit-button {
+.button {
   margin-top: 1rem;
   margin-left: 1rem;
   font-family: Arial, sans-serif;