fix(label): hide label when font size below cut-off font size

src/components/Map/MapViewer/utils/shapes/style/getCoverStyles.ts

@@ -9,6 +9,7 @@ import getTextStyle from '@/components/Map/MapViewer/utils/shapes/text/getTextSt
 import { MapSize } from '@/redux/map/map.types';
 import { Stroke } from 'ol/style';
 import getScaledStrokeStyle from '@/components/Map/MapViewer/utils/shapes/style/getScaledStrokeStyle';
+import { TEXT_CUTOFF_FONTSIZE } from '@/components/Map/MapViewer/MapViewer.constants';
 
 export default function getCoverStyles({
   coverStyle,
@@ -48,6 +49,9 @@ export default function getCoverStyles({
       maxWidth: maxWidth * scale * 0.9,
       maxHeight: maxHeight * scale * 0.9,
     });
+    if (calculatedFontSize < TEXT_CUTOFF_FONTSIZE) {
+      return styles;
+    }
     const center = getCenter(largestExtent);
     const textGeometry = new Point([center[0], center[1]]);
 

src/components/Map/MapViewer/utils/shapes/text/getWrappedTextWithFontSize.test.ts

@@ -14,7 +14,7 @@ describe('getWrappedTextWithFontSize', () => {
     });
 
     expect(wrappedText.trim()).toEqual('Wrapped text\nwith font size\ntest');
-    expect(fontSize).toEqual(14);
+    expect(fontSize).toEqual(16);
   });
 
   it('should return a wrapped text and font size for this text when maxWidth is unlimited and maxHeight is limited', () => {

src/components/Map/MapViewer/utils/shapes/text/getWrappedTextWithFontSize.ts

@@ -3,8 +3,8 @@ export default function getWrappedTextWithFontSize({
   text,
   maxWidth,
   maxHeight,
-  minFontSize = 1,
-  maxFontSize = 14,
+  minFontSize = 3,
+  maxFontSize = 16,
 }: {
   text: string;
   maxWidth: number;