import React, { Component } from 'react';
import ImageError from 'app/components/image/ImageError';

type Props = {
  src: string,
};

type State = {
  hasError: boolean,
};

export default class Image extends Component {
  props: Props;

  state: State = {
    hasError: false,
  };

  onErrror = () => this.setState({ hasError: true });

  render() {
    const { src, ...props } = this.props;
    const { hasError } = this.state;

    if (hasError) {
      return (<ImageError />);
    }

    return (
      <img
        {...props}
        src={src}
        onError={this.onError}
      />
    )
  }
}