minor fixes

Author: seveibar

src/ImageCanvas/index.js

@@ -202,7 +202,7 @@ export const ImageCanvas = ({
       // Pattern to indicate the NOT allowed areas
       const { x, y, w, h } = allowedArea
       context.save()
-      context.globalAlpha = 0.25
+      context.globalAlpha = 1
       const outer = [
         [0, 0],
         [iw, 0],
@@ -326,7 +326,7 @@ export const ImageCanvas = ({
         </PreventScrollToParents>
       )}
       {!showTags && highlightedRegion && (
-        <div className={classes.fixedRegionLabel}>
+        <div key="topLeftTag" className={classes.fixedRegionLabel}>
           <RegionLabel
             disableClose
             allowedClasses={regionClsList}
@@ -387,6 +387,7 @@ export const ImageCanvas = ({
             mat={mat}
             imagePosition={imagePosition}
             regions={regions}
+            fullSegmentationMode={fullImageSegmentationMode}
           />
           <VideoOrImageCanvasBackground
             videoPlaying={videoPlaying}

src/ImageCanvas/region-tools.js

@@ -86,7 +86,7 @@ export const getEnclosingBox = (region: Region) => {
       return { x: region.x, y: region.y, w: 0, h: 0 }
     }
     default: {
-      return
+      return { x: 0, y: 0, w: 0, h: 0 }
     }
   }
   throw new Error("unknown region")

src/RegionShapes/index.js

@@ -31,9 +31,9 @@ const RegionComponents = {
       />
     </g>
   )),
-  polygon: memo(({ region, iw, ih, fullImageSegmentationMode }) => {
+  polygon: memo(({ region, iw, ih, fullSegmentationMode }) => {
     const Component = region.open ? "polyline" : "polygon"
-    const alphaBase = fullImageSegmentationMode ? 0.5 : 1
+    const alphaBase = fullSegmentationMode ? 0.5 : 1
     return (
       <Component
         points={region.points
@@ -113,7 +113,7 @@ const RegionComponents = {
 }
 
 export const WrappedRegionList = memo(
-  ({ regions, iw, ih, fullImageSegmentationMode }) => {
+  ({ regions, iw, ih, fullSegmentationMode }) => {
     return regions
       .filter((r) => r.visible !== false)
       .map((r) => {
@@ -124,15 +124,20 @@ export const WrappedRegionList = memo(
             region={r}
             iw={iw}
             ih={ih}
-            fullImageSegmentationMode={fullSegmentationMode}
+            fullgeSegmentationMode={fullSegmentationMode}
           />
         )
       })
   },
   (n, p) => n.regions === p.regions && n.iw === p.iw && n.ih === p.ih
 )
 
-export const RegionShapes = ({ mat, imagePosition, regions = [] }) => {
+export const RegionShapes = ({
+  mat,
+  imagePosition,
+  regions = [],
+  fullSegmentationMode,
+}) => {
   const iw = imagePosition.bottomRight.x - imagePosition.topLeft.x
   const ih = imagePosition.bottomRight.y - imagePosition.topLeft.y
   if (isNaN(iw) || isNaN(ih)) return null
@@ -150,7 +155,12 @@ export const RegionShapes = ({ mat, imagePosition, regions = [] }) => {
         height: ih,
       }}
     >
-      <WrappedRegionList regions={regions} iw={iw} ih={ih} />
+      <WrappedRegionList
+        regions={regions}
+        iw={iw}
+        ih={ih}
+        fullSegmentationMode={fullSegmentationMode}
+      />
     </svg>
   )
 }