insomnia/packages/insomnia-app/app/ui/components/time-from-now.js

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

type Props = {
  timestamp: number
};

type State = {
  text: string
};

@autobind
class TimeFromNow extends React.PureComponent<Props, State> {
  _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;