text: import React, { Component } from 'react';
  
  import Logo from './logo';
  import SearchBar from './searchBar';
  import ResultsPosts from './resultsPosts';
  
  import { connect } from 'react-redux';
  import * as actions from '../actions';
  
  class Results extends Component {
  
      handleSearchBarSubmit(query) {
          this.props.fetchPostsWithQuery(query);
          //console.log(query);
      }
  
      render() {
          return (
              <div className="results">
                <Logo size={55}/>
                <SearchBar page="results" onSubmit={(query) => this.handleSearchBarSubmit(query)}/>
                <ResultsPosts/>
              </div>
          )
      }
  }
  
  export default connect(null, actions)(Results);
  
  //export default Results;
  
  // <h1>Results</h1>
  // <Logo/>
  //<SearchBar/>
  //<SearchBar onSubmit={(query) => this.handleSearchBarSubmit(query)}/> 