@@ -0,0 +1,1324 @@
+import React from 'react';%0Aimport %7B Input, Button %7D from 'semantic-ui-react';%0A%0Aimport %7B connect %7D from 'react-redux';%0Aimport %7B bindActionCreators %7D from 'redux';%0Aimport %7B fetchWeather %7D from '../actions/index';%0A%0Aclass SearchBar extends React.Component%7B%0A  constructor(props) %7B%0A    super(props);%0A%0A    this.state = %7B%0A      term: ''%0A    %7D;%0A%0A%0A    this.onInputChange=this.onInputChange.bind(this);%0A    this.onFormSubmit=this.onFormSubmit.bind(this);%0A%0A  %7D%0A%0A  onInputChange(event) %7B%0A    console.log(event.target.value);%0A    this.setState(%7B term: event.target.value %7D)%0A  %7D%0A%0A  onFormSubmit(event) %7B%0A    event.preventDefault();%0A    this.props.fetchWeather(this.state.term); %7B/* Accesses the fetchWeather method inside props  */%7D%0A    this.setState(%7B term: ''%7D); %7B/* Resets the search bar   */%7D%0A  %7D%0A%0A  render() %7B%0A    return(%0A      %3Cdiv%3E%0A        %3Cform onSubmit=%7Bthis.onFormSubmit%7D %3E%0A          %3CInput%0A            action=%22Search%22%0A            placeholder=%22Enter a city%22%0A            size=%22massive%22%0A            value=%7Bthis.state.term%7D%0A            onChange=%7Bthis.onInputChange%7D%0A          /%3E%0A          %7B/* %3CButton primary%3ESubmit%3C/Button%3E */%7D%0A        %3C/form%3E%0A      %3C/div%3E%0A    );%0A  %7D%0A%7D%0A%0Afunction mapDispatchToProps(dispatch) %7B%0A  return bindActionCreators(%7B fetchWeather%7D, dispatch);%0A%7D%0A%0Aexport default connect(null, mapDispatchToProps)(SearchBar);%0A

add code back to searchbar