function againrenderPage()

in microservices/adp_ui/src/components/DocumentReviewPdfHighlight.js [183:245]
55 lines of code
4 McCabe index (conditional complexity)

  function againrenderPage(pageNumber, obj, color) {
    console.log("pageNumber,obj", pageNumber, obj)
    // if(pageNumber === 1){
    console.log("DIV", document.getElementById('pdf-viewer'));
    console.log("DIV", document.querySelectorAll('canvas'));
    const element = document.querySelectorAll('canvas').forEach(e => {
      console.log("e", e.className)
      if (e.className === `pdf-page-canvas-${pageNumber}`) {
        e.remove(`pdf-page-canvas-${pageNumber}`)
      }
    });
    console.log("ele", element)
    //}
    //pageNumber = 1;
    console.log("OBJ", obj, pageNumber)
    currPage = pageNumber;
    console.log("&&&&&&&", currPage, thePdf)
    thePdf.getPage(currPage).then(function (page) {
      console.log('Page loaded', page);
      canvas = document.createElement("canvas");
      canvas.className = `pdf-page-canvas-${currPage}`;
      canvas.strokeStyle = 'black'
      viewer.appendChild(canvas);
      var scale = 1.5;
      var rotation = 0;
      var dontFlip = 0;
      var viewport = page.getViewport({ scale, rotation, dontFlip });

      // Prepare canvas using PDF page dimensions
      context = canvas.getContext('2d');
      canvas.height = viewport.height;
      canvas.width = viewport.width;
      //page.render({canvasContext: canvas.getContext('2d'), viewport: viewport});
      var renderContext = {
        canvasContext: context,
        viewport: viewport
      };
      var renderTask = page.render(renderContext);
      renderTask.promise.then(function () {
        console.log("Pahge rendered");
        const { x1, x2, y1, y2 } = obj;
        console.log("OBJJJJJ", obj);
        let x = x1 * canvas.width;
        let y = y1 * canvas.height;
        let w = (x2 * canvas.width) - (x1 * canvas.width)
        let h = (y2 * canvas.height) - (y1 * canvas.height)

        console.log("X,Y,W,H", x, y, w, h)
        context.strokeStyle = "#4285F4";
        context.fillStyle = color;
        context.fillRect(x, y, w, h);
        context.lineWidth = 5;
        context.strokeRect(x, y, w, h);
        currPage++;
        console.log("currpageeeeee", currPage, thePdf.numPages, thePdf)
        if (thePdf !== null && currPage <= thePdf.numPages) {
          console.log("currpagesssssssssssss", currPage)
          thePdf.getPage(currPage).then(againrenderPage(currPage, 0));
        }
      });

    })
  }