import { h, Component } from 'preact'

import Result from './Result'
import store from '../store'

export default class ResultList extends Component {
  componentDidMount() {
    this.unsubscribe = store.subscribe(() => this.forceUpdate())
  }

  componentWillUnmount() {
    this.unsubscribe()
  }

  render() {
    const { results } = store.getState()
    console.log(results)

    return <ul>{results && results.map((result, i) => <Result key={i} {...result} />)}</ul>
  }
}