fix: remove existing bounding boxes from document on analyze (#523)

* fix: remove existing bounding boxes from document on analyze * fix: remove boundingboxes on analyze page change
microsoft · Aug 28, 2020 · 6a1aedf · 6a1aedf
1 parent 4b85050
commit 6a1aedf
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/react/components/pages/predict/predictPage.tsx b/src/react/components/pages/predict/predictPage.tsx
@@ -574,7 +574,9 @@ export default class PredictPage extends React.Component<IPredictPageProps, IPre
         const prevPage = () => {
             this.setState((prevState) => ({
                 currPage: Math.max(1, prevState.currPage - 1),
-            }));
+            }), () => {
+                this.imageMap.removeAllFeatures();
+            });
         };
 
         if (this.state.currPage > 1) {
@@ -600,7 +602,9 @@ export default class PredictPage extends React.Component<IPredictPageProps, IPre
         const nextPage = () => {
             this.setState((prevState) => ({
                 currPage: Math.min(prevState.currPage + 1, numPages),
-            }));
+            }), () => {
+                this.imageMap.removeAllFeatures();
+            });
         };
 
         if (this.state.currPage < numPages) {
@@ -954,6 +958,7 @@ export default class PredictPage extends React.Component<IPredictPageProps, IPre
     }
 
     private drawPredictionResult = (): void => {
+        this.imageMap.removeAllFeatures();
         const features = [];
         const imageExtent = [0, 0, this.state.imageWidth, this.state.imageHeight];
         const ocrForCurrentPage: any = this.getOcrFromAnalyzeResult(this.state.analyzeResult)[this.state.currPage - 1];