text: import React, { Component } from 'react'
  import { connect } from 'react-redux'
  import Tweet from './Tweet'
  
  class Dashboard extends Component {
    render() {
      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)
  