// @flow
import React from 'react';
import autobind from 'autobind-decorator';
import moment from 'moment';

@autobind
class TimeFromNow extends React.PureComponent {
  props: {
    timestamp: number
  };

  state: {
    text: string
  };

  _interval: any;

  constructor (props: any) {
    super(props);
    this._interval = null;
    this.state = {
      text: ''
    };
  }

  _update () {
    const {timestamp} = this.props;
    this.setState({text: moment(timestamp).fromNow()});
  }

  componentDidMount () {
    this._interval = setInterval(this._update, 5000);
    this._update();
  }

  componentWillUnmount () {
    clearInterval(this._interval);
  }

  render () {
    return <span title={moment(this.props.timestamp).toString()}>
      {this.state.text}
      </span>;
  }
}

export default TimeFromNow;