Add selector on service accounts page

Signed-off-by: Derek Ho <[email protected]>

public/apps/configuration/panels/service-account-list.tsx

@@ -42,6 +42,8 @@ import { ExternalLink, tableItemsUIProps, truncatedListView } from '../utils/dis
 import { getUserList, InternalUsersListing } from '../utils/internal-user-list-utils';
 import { showTableStatusMessage } from '../utils/loading-spinner-utils';
 import { buildHashUrl } from '../utils/url-builder';
+import { LocalCluster } from '../app-router';
+import { SecurityPluginTopNavMenu } from '../top-nav-menu';
 
 export function dictView(items: Dictionary<string>) {
   if (isEmpty(items)) {
@@ -159,6 +161,12 @@ export function ServiceAccountList(props: AppDependencies) {
 
   return (
     <>
+    <SecurityPluginTopNavMenu
+        {...props}
+        dataSourcePickerReadOnly={true}
+        setDataSource={() => {}}
+        selectedDataSource={LocalCluster}
+      />
       <EuiPageHeader>
         <EuiTitle size="l">
           <h1>Service accounts</h1>

test/cypress/e2e/multi-datasources/multi_datasources_enabled.spec.js

@@ -191,6 +191,17 @@ describe('Multi-datasources enabled', () => {
     cy.get('[data-test-subj="dataSourceViewContextMenuHeaderLink"]').should('be.disabled');
   });
 
+  it('Checks Service Accounts Tab', () => {
+    // Datasource is locked to local cluster for tenancy tab
+    cy.visit('http://localhost:5601/app/security-dashboards-plugin#/serviceAccounts');
+    cy.contains('h1', 'Multi-tenancy');
+    cy.get('[data-test-subj="dataSourceViewContextMenuHeaderLink"]').should(
+      'contain',
+      'Local cluster'
+    );
+    cy.get('[data-test-subj="dataSourceViewContextMenuHeaderLink"]').should('be.disabled');
+  });
+
   it('Checks Audit Logs Tab', () => {
     cy.visit('http://localhost:5601/app/security-dashboards-plugin#/auditLogging');
     cy.get('[data-test-subj="general-settings"]').should('exist');