async componentDidMount()

in src/Image.js [188:214]

• 23 lines of code
• 2 McCabe index (conditional complexity)

  async componentDidMount() {
    this.setState({ loading: true })
    const { match: { params } } = this.props;
    const imageid = params.imageid;
    try {
      var apiData = await API.graphql(graphqlOperation(GetImage, { imageid }));
      const { data: { getImage } } = apiData;
      const image = getImage;
      this.setState({ image, loading: false });

      const reportid = image.ReportId;
      console.log(reportid)
      apiData = await API.graphql(graphqlOperation(GetReport, { reportid }));
      const { data: { getReport } } = apiData;
      const report = getReport;
      this.setState({ report, loading: false });

      apiData = await API.graphql(graphqlOperation(SimilarImages, { imageid }));
      const { data: { getSimilarImages } } = apiData;
      const similarImages = getSimilarImages;
      this.setState({ similarImages, loading: false });

      // console.log(this.state);
    } catch (err) {
      console.log('error fetching data: ', err)
    }
  }