404error.js

const WeatherCardError = (
   <div className='weatherCardContainer'>
      <div className='weatherCardError'>
         <img src={NoLocationFound} alt='no location found'/>
            <p> Whoa! Looks like there was an error with your zipcode.</p>
         <Link to='/'><button>Try Again</button></Link>
      </div>
   </div>
)

const WeatherConditions = (
   this.state.cityNotFound == 404 ? <div> { WeatherCardError } </div> :
      <div>
         <div className='homeBtn'>
            <Link to='/'><button>Home</button></Link>
         </div>
         <div className='weatherCardContainer'>
            <div className='weatherCard'>
	        <img src={this.state.weatherIcon} alt='Weather icon'/>
	       <div className='conditionsOverview'>
		   <p>{this.state.currentTemp}</p>
		   <p>{this.state.currentConditionDescription}</p>
	       </div>
	       <div className='conditionDetails'>
		   <p>Humidity: {this.state.humidity} </p>
		   <p>Wind Speed: {this.state.wind} </p>
	       </div>
            </div> 				
           <h4> Location | {this.state.cityName} </h4>
         </div>
      </div>
)