Merge branch 'MIN-312-button-name-in-overlays' into 'development'

fix(overlays): change disabling overlay button label to hide

Closes MIN-312

See merge request !169

src/components/Map/Drawer/OverlaysDrawer/GeneralOverlays/OverlayListItem/OverlayListItem.component.test.tsx

@@ -76,7 +76,7 @@ describe('OverlayListItem - component', () => {
         },
       });
     });
-    it('should disable overlay on view button click if overlay is active', async () => {
+    it('should hide overlay on view button click if overlay is active', async () => {
       const OVERLAY_ID = 21;
       const { store } = renderComponent({
         map: {
@@ -88,7 +88,7 @@ describe('OverlayListItem - component', () => {
         models: { ...MODELS_INITIAL_STATE_MOCK, data: [CORE_PD_MODEL_MOCK] },
       });
 
-      const ViewButton = screen.getByRole('button', { name: 'Disable' });
+      const ViewButton = screen.getByRole('button', { name: 'Hide' });
       await act(() => {
         ViewButton.click();
       });
@@ -108,7 +108,7 @@ describe('OverlayListItem - component', () => {
       });
 
       expect(screen.getByAltText('spinner icon')).toBeVisible();
-      expect(screen.getByText('Disable')).toBeVisible();
+      expect(screen.getByText('Hide')).toBeVisible();
     });
   });
 

src/components/Map/Drawer/OverlaysDrawer/GeneralOverlays/OverlayListItem/OverlayListItem.component.tsx

@@ -30,7 +30,7 @@ export const OverlayListItem = ({ name, overlayId }: OverlayListItemProps): JSX.
               className="animate-spin"
             />
           )}
-          {isOverlayActive || isOverlayActive ? 'Disable' : 'View'}
+          {isOverlayActive || isOverlayActive ? 'Hide' : 'View'}
         </Button>
         <Button className="max-h-8" variantStyles="ghost" onClick={downloadOverlay}>
           Download

src/components/Map/Drawer/OverlaysDrawer/UserOverlays/UserOverlaysWithoutGroup/UserOverlayListItem/UserOverlayListItem.component.tsx

@@ -53,7 +53,7 @@ export const UserOverlayListItem = ({
               className="animate-spin"
             />
           )}
-          {isOverlayActive || isOverlayLoading ? 'Disable' : 'View'}
+          {isOverlayActive || isOverlayLoading ? 'Hide' : 'View'}
         </Button>
         <UserOverlayActions overlay={userOverlay} />
       </div>

src/components/Map/Drawer/OverlaysDrawer/UserOverlays/UserOverlaysWithoutGroup/UserOverlaysWithoutGroup.component.test.tsx

@@ -262,7 +262,7 @@ describe('UserOverlaysWithoutGroup - component', () => {
       toggleOverlayButton.click();
     });
 
-    expect(screen.getByTestId('toggle-overlay-button')).toHaveTextContent('Disable');
+    expect(screen.getByTestId('toggle-overlay-button')).toHaveTextContent('Hide');
   });
   it('should call window.open with download link after download action click', async () => {
     renderComponent({
@@ -346,6 +346,6 @@ describe('UserOverlaysWithoutGroup - component', () => {
     });
 
     expect(screen.getByAltText('spinner icon')).toBeVisible();
-    expect(screen.getByText('Disable')).toBeVisible();
+    expect(screen.getByText('Hide')).toBeVisible();
   });
 });