message: Remove the dot once the images load
diff: @@ -19,6 +19,7 @@ const Container = styled(Box).attrs({
  max-height: 100%;
  }
  + ${props => !props.done && `
  &:before {
  content: '';
  display: block;
  @@ -29,9 +30,10 @@ const Container = styled(Box).attrs({
  width: 1em;
  height: 1em;
  border-radius: 50%;
  - background-color: ${x => x.theme.colors.gray.light};
  + background-color: ${props.theme.colors.gray.light};
  z-index: -1;
  }
  + `}
  `;
  class Img extends Component {
  @@ -44,12 +46,21 @@ class Img extends Component {
  alt: null,
  }
  + state = {
  + done: false,
  + }
  +
  + setDone = () => {
  + this.setState({ done: true });
  + }
  +
  render() {
  + const { done } = this.state;
  const { src, alt } = this.props;
  return (
  - <Container>
  - <LoadableImage src={src} alt={alt} />
  + <Container done={done}>
  + <LoadableImage src={src} alt={alt} onLoad={this.setDone} />
  </Container>
  );
  }
  