<img 
class="target_image irc_rii" 
src="data:image/jpeg;base64,/9j/4AAQS ***SNIP*** 0FPqf/2Q==" 
alt="Related image" 
onload="typeof google==='object'&amp;&amp;google.aft&amp;&amp;google.aft(this)" 
data-iml="1561941496531" 
style="width: 160px; height: 80px; margin-left: -40px;"
>

class PCBRender extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      img: '',
    };
  };

  componentDidMount() {
    this.updateImage()
  }

  componentDidUpdate(prevProps, prevState, snapshot) {
    if (prevProps === this.props) return
    this.updateImage()
  }

  updateImage() {
    if (this.props.project_key === null) {
      return
    }

    let fw = this.props.store.get('frameworks')
    fw.PCBApi.render({
      project_key: this.props.project_key,
      username: this.props.username,
      side: this.props.side,
    }).then(
      data => this.setState({img: 'data:image/jpeg;base64,' + data})
    )
  }

  render() {
    let { classes } = this.props
    let loading =  (this.props.project_key === null || !this.state.img.length)

    return (loading)
      ? <div>Loading</div>
      : <img src={this.state.img}/>
  }
}

 componentDidUpdate(prevProps, prevState, snapshot) {
    if (prevProps === this.props) return
    this.updateImage()
  }

async updateImage() {
  if (this.props.project_key === null) {
    return
  }

  let fw = this.props.store.get('frameworks')
  const data = await w.PCBApi.render({
    project_key: this.props.project_key,
    username: this.props.username,
    side: this.props.side,
  })

  this.setState({img: 'data:image/jpeg;base64,' + data})
}

componentDidUpdate(prevProps, prevState, snapshot) {
  if (this.props.project_key && this.props.project_key !== prevProps.project_key) 
    this.updateImage()
}

class PCBRender extends React.Component {

  async updateImage(project_key) {
    if (!project_key || project_key === this.state.project_key) {
      return
    }
    await this.setState('project_key', project_key); // might be necessary to wait here to avoid endless looping

    let fw = this.props.store.get('frameworks')
    const data = await fw.PCBApi.render({
      project_key: this.props.project_key,
      username: this.props.username,
      side: this.props.side,
    }).then(
      data => this.setState({img: 'data:image/jpeg;base64,' + data})
    )
  }

  render() {
    const imgSrc = updateImage(this.props.project_key);
    let { classes } = this.props
    let loading =  (this.props.project_key === null || !this.state.img.length)
 
    return (loading)
      ? <div>Loading</div>
      : <img src={this.state.img}/>
  }
}