[Maps] fix read only badge is no longer shown in nav for users with read-only permission (#76091)

Author: nreese

x-pack/plugins/maps/public/routing/maps_router.js

@@ -7,7 +7,14 @@
 import React from 'react';
 import { render, unmountComponentAtNode } from 'react-dom';
 import { Router, Switch, Route, Redirect } from 'react-router-dom';
-import { getCoreI18n, getToasts, getEmbeddableService } from '../kibana_services';
+import { i18n } from '@kbn/i18n';
+import {
+  getCoreChrome,
+  getCoreI18n,
+  getMapsCapabilities,
+  getToasts,
+  getEmbeddableService,
+} from '../kibana_services';
 import {
   createKbnUrlStateStorage,
   withNotifyOnErrors,
@@ -44,6 +51,18 @@ const App = ({ history, appBasePath, onAppLeave }) => {
   const { originatingApp } =
     stateTransfer?.getIncomingEditorState({ keysToRemoveAfterFetch: ['originatingApp'] }) || {};
 
+  if (!getMapsCapabilities().save) {
+    getCoreChrome().setBadge({
+      text: i18n.translate('xpack.maps.badge.readOnly.text', {
+        defaultMessage: 'Read only',
+      }),
+      tooltip: i18n.translate('xpack.maps.badge.readOnly.tooltip', {
+        defaultMessage: 'Unable to save maps',
+      }),
+      iconType: 'glasses',
+    });
+  }
+
   return (
     <I18nContext>
       <Provider store={store}>

x-pack/test/functional/apps/maps/feature_controls/maps_security.ts

@@ -181,8 +181,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
         await testSubjects.missingOrFail('checkboxSelectAll');
       });
 
-      // This behavior was removed when the Maps app was migrated to NP
-      it.skip(`shows read-only badge`, async () => {
+      it(`shows read-only badge`, async () => {
         await globalNav.badgeExistsOrFail('Read only');
       });