diff --git a/web/src/components/FOI/Home/ContextMenu.tsx b/web/src/components/FOI/Home/ContextMenu.tsx index aaf3fd73..4c031ff9 100644 --- a/web/src/components/FOI/Home/ContextMenu.tsx +++ b/web/src/components/FOI/Home/ContextMenu.tsx @@ -102,7 +102,7 @@ const ContextMenu = ({ pageFlags ); if(updatedPageFlags?.length > 0) - syncPageFlagsOnAction(updatedPageFlags, [pageFlagTypes["Duplicate"], pageFlagTypes["Not Responsive"]].includes(flagid)); + syncPageFlagsOnAction(updatedPageFlags, [pageFlagTypes["Duplicate"], pageFlagTypes["Not Responsive"]].includes(flagId)); } }, (error: any) => console.log(error), diff --git a/web/src/components/FOI/Home/Redlining.js b/web/src/components/FOI/Home/Redlining.js index 16a9bf4d..47d94870 100644 --- a/web/src/components/FOI/Home/Redlining.js +++ b/web/src/components/FOI/Home/Redlining.js @@ -1444,42 +1444,44 @@ const Redlining = React.forwardRef( const setWatermarks = () => { - docViewer?.setWatermark({ - // Draw custom watermark in middle of the document - custom: (ctx, pageNumber, pageWidth, pageHeight) => { - // ctx is an instance of CanvasRenderingContext2D - // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D - // Hence being able to leverage those properties - let originalPage = pageMappedDocs['stitchedPageLookup'][pageNumber] - let doc = pageFlags.find(d => d.documentid === originalPage.docid); - let pageFlag = doc?.pageflag?.find(f => f.page === originalPage.page); - if (pageFlag?.flagid === pageFlagTypes["Duplicate"]) { - ctx.fillStyle = "#ff0000"; - ctx.font = "20pt Arial"; - ctx.globalAlpha = 0.4; - - ctx.save(); - ctx.translate(pageWidth / 2, pageHeight / 2); - ctx.rotate(-Math.PI / 4); - ctx.fillText("DUPLICATE", 0, 0); - ctx.restore(); - } - - if (pageFlag?.flagid === pageFlagTypes["Not Responsive"]) { - ctx.fillStyle = "#ff0000"; - ctx.font = "20pt Arial"; - ctx.globalAlpha = 0.4; - - ctx.save(); - ctx.translate(pageWidth / 2, pageHeight / 2); - ctx.rotate(-Math.PI / 4); - ctx.fillText("NOT RESPONSIVE", 0, 0); - ctx.restore(); - } - }, - }); - docViewer?.refreshAll(); - docViewer?.updateView(); + if (docViewer && pageMappedDocs && pageFlags) { + docViewer.setWatermark({ + // Draw custom watermark in middle of the document + custom: (ctx, pageNumber, pageWidth, pageHeight) => { + // ctx is an instance of CanvasRenderingContext2D + // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D + // Hence being able to leverage those properties + let originalPage = pageMappedDocs['stitchedPageLookup'][pageNumber] + let doc = pageFlags.find(d => d.documentid === originalPage.docid); + let pageFlag = doc?.pageflag?.find(f => f.page === originalPage.page); + if (pageFlag?.flagid === pageFlagTypes["Duplicate"]) { + ctx.fillStyle = "#ff0000"; + ctx.font = "20pt Arial"; + ctx.globalAlpha = 0.4; + + ctx.save(); + ctx.translate(pageWidth / 2, pageHeight / 2); + ctx.rotate(-Math.PI / 4); + ctx.fillText("DUPLICATE", 0, 0); + ctx.restore(); + } + + if (pageFlag?.flagid === pageFlagTypes["Not Responsive"]) { + ctx.fillStyle = "#ff0000"; + ctx.font = "20pt Arial"; + ctx.globalAlpha = 0.4; + + ctx.save(); + ctx.translate(pageWidth / 2, pageHeight / 2); + ctx.rotate(-Math.PI / 4); + ctx.fillText("NOT RESPONSIVE", 0, 0); + ctx.restore(); + } + }, + }); + docViewer.refreshAll(); + docViewer.updateView(); + } } const stitchPages = (_doc, pdftronDocObjs) => {