BitcoinTicker

BitcoinTicker.js

import React, { Component } from "react";
import Pollable from "@bit/rcdexta.hoc.components.pollable";

class BitcoinTicker extends Component {
  state = { value: null, lastUpdated: null };

  componentDidMount() {
    this.props.onInterval(this.refresh);
  }

  refresh = () => {
    fetch("https://blockchain.info/es/ticker?cors=true")
      .then(res => res.json())
      .then(res =>
        this.setState({ value: res["USD"].last, lastUpdated: new Date() })
      );
  };

  render() {
    return (
      <div className="App">
        <h1>Bitcoin USD value</h1>
        {this.state.value ? (
          <div>
            <h2 className="timer">$ {this.state.value}</h2>
            <p>Updated {this.state.lastUpdated.toLocaleString()}</p>
          </div>
        ) : (
          <span>fetching...</span>
        )}
      </div>
    );
  }
}

export default Pollable(5)(BitcoinTicker);