text: import React, { Component } from 'react'
  import { connect } from 'react-redux'
  import Tweet from './Tweet'
  
  
  class Dashboard extends Component {
      render(){
          //console.log(this.props)
          return(
              <div>
                  <h3 className='center'>Your Timeline</h3>
                  <ul className='dashboard-list'>
                      {this.props.tweetIds.map((id)=>(
                          <li key={id}>
                              <Tweet id={id}/>
                          </li>
                      ))}
                  </ul>
              </div>
          )
      }
  }
  
  function mapStateToProps({tweets}){
      return{
          tweetIds: Object.keys(tweets)
          .sort((a,b)=>tweets[b].timestamp - tweets[a].timestamp)
      }
  }
  
  export default connect(mapStateToProps)(Dashboard)