Changed the text from state to props

Author: stephin007

src/App.js

@@ -43,8 +43,13 @@ class App extends Component {
       <div >
         <Navbar title="Github Finder" icon="fab fa-github"/>
         <div className="container">
-          <Search searchUsers={this.searchUsers} clearUsers={this.clearUsers} showClear={this.state.users.length > 0 ? true : false}/>
-        <Users loading={this.state.loading} users={this.state.users} />
+          <Search 
+            searchUsers={this.searchUsers} 
+            clearUsers={this.clearUsers} 
+            showClear={this.state.users.length > 0 ? true : false} />
+        <Users 
+          loading={this.state.loading} 
+          users={this.state.users} />
         </div>
       </div>
     );

src/components/users/Search.js

@@ -37,7 +37,7 @@ class Search extends Component {
                         value="Search" 
                         className="btn btn-dark btn-block"/>
                </form> 
-               {this.state.showClear && 
+               {this.props.showClear && 
                 <button className="btn btn-light btn-block" onClick={this.props.clearUsers}>
                     Clear
                 </button>