[Workspace]Fix error toasts in sample data page

changelogs/fragments/8842.yml

@@ -0,0 +1,2 @@
+fix:
+- [Workspace]Fix error toasts in sample data page ([#8842](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/8842))

src/plugins/home/public/application/components/sample_data_set_card.js

@@ -80,6 +80,7 @@ export class SampleDataSetCard extends React.Component {
           <EuiFlexGroup gutterSize="none" justifyContent="spaceBetween">
             <EuiFlexItem grow={false}>
               <EuiSmallButtonEmpty
+                isDisabled={this.props.uninstallButtonDisabled}
                 isLoading={this.props.isProcessing}
                 onClick={this.uninstall}
                 color="danger"
@@ -240,4 +241,5 @@ SampleDataSetCard.propTypes = {
   previewUrl: PropTypes.string.isRequired,
   onInstall: PropTypes.func.isRequired,
   onUninstall: PropTypes.func.isRequired,
+  uninstallButtonDisabled: PropTypes.bool,
 };

src/plugins/home/public/application/components/sample_data_set_cards.js

@@ -36,6 +36,7 @@
 import { SampleDataSetCard, INSTALLED_STATUS, UNINSTALLED_STATUS } from './sample_data_set_card';
 
 import { getServices } from '../opensearch_dashboards_services';
+import { isAbleToUpdateUiSettings } from '../utils';
 
 import {
   listSampleDataSets,
@@ -114,7 +115,12 @@
     }));
 
     try {
-      await installSampleDataSet(id, targetSampleDataSet.defaultIndex, dataSourceId);
+      await installSampleDataSet(
+        id,
+        targetSampleDataSet.defaultIndex,
+        dataSourceId,
+        isAbleToUpdateUiSettings(getServices())
+      );
     } catch (fetchError) {
       if (this._isMounted) {
         this.setState((prevState) => ({
@@ -162,7 +168,12 @@
     }));
 
     try {
-      await uninstallSampleDataSet(id, targetSampleDataSet.defaultIndex, dataSourceId);
+      await uninstallSampleDataSet(
+        id,
+        targetSampleDataSet.defaultIndex,
+        dataSourceId,
+        isAbleToUpdateUiSettings(getServices())
+      );
     } catch (fetchError) {
       if (this._isMounted) {
         this.setState((prevState) => ({
@@ -216,6 +227,8 @@
   };
 
   render() {
+    const ableToUpdateUiSettings = isAbleToUpdateUiSettings(getServices());
+
     return (
       <EuiFlexGrid
         columns={3}
@@ -243,6 +256,7 @@
                 dataSourceId={this.state.dataSourceId}
                 isDataSourceEnabled={this.props.isDataSourceEnabled}
                 isLocalClusterHidden={this.props.isLocalClusterHidden}
+                uninstallButtonDisabled={!ableToUpdateUiSettings && !!sampleDataSet.defaultIndex}
               />
             </EuiFlexItem>
           );

src/plugins/home/public/application/opensearch_dashboards_services.ts

@@ -37,6 +37,7 @@ import {
   SavedObjectsClientContract,
   IUiSettingsClient,
   ApplicationStart,
+  WorkspacesStart,
 } from 'opensearch-dashboards/public';
 import { UiStatsMetricType } from '@osd/analytics';
 import { TelemetryPluginStart } from '../../../telemetry/public';
@@ -77,6 +78,7 @@ export interface HomeOpenSearchDashboardsServices {
   };
   dataSource?: DataSourcePluginStart;
   sectionTypes: SectionTypeService;
+  workspaces: WorkspacesStart;
 }
 
 let services: HomeOpenSearchDashboardsServices | null = null;

src/plugins/home/public/application/sample_data_client.js

@@ -41,24 +41,35 @@
   return await getServices().http.get(sampleDataUrl, { query });
 }
 
-export async function installSampleDataSet(id, sampleDataDefaultIndex, dataSourceId) {
+export async function installSampleDataSet(
+  id,
+  sampleDataDefaultIndex,
+  dataSourceId,
+  ableToUpdateUiSettings
+) {
   const query = buildQuery(dataSourceId);
   await getServices().http.post(`${sampleDataUrl}/${id}`, { query });
 
-  if (getServices().uiSettings.isDefault('defaultIndex')) {
+  if (ableToUpdateUiSettings && getServices().uiSettings.isDefault('defaultIndex')) {
     getServices().uiSettings.set('defaultIndex', sampleDataDefaultIndex);
   }
 
   clearIndexPatternsCache();
 }
 
-export async function uninstallSampleDataSet(id, sampleDataDefaultIndex, dataSourceId) {
+export async function uninstallSampleDataSet(
+  id,
+  sampleDataDefaultIndex,
+  dataSourceId,
+  ableToUpdateUiSettings
+) {
   const query = buildQuery(dataSourceId);
   await getServices().http.delete(`${sampleDataUrl}/${id}`, { query });
 
   const uiSettings = getServices().uiSettings;
 
   if (
+    ableToUpdateUiSettings &&
     !uiSettings.isDefault('defaultIndex') &&
     uiSettings.get('defaultIndex') === sampleDataDefaultIndex
   ) {

src/plugins/home/public/application/utils.test.ts

@@ -0,0 +1,106 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { isAbleToUpdateUiSettings } from './utils';
+
+describe('isAbleToUpdateUiSettings', () => {
+  it('should return true when workspace is not enabled and permission is not enabled', () => {
+    const application = {
+      capabilities: {
+        workspaces: {
+          enabled: false,
+          permissionEnabled: false,
+        },
+      },
+    };
+    const workspaces = null;
+
+    const result = isAbleToUpdateUiSettings({ workspaces, application });
+
+    expect(result).toBe(true);
+  });
+
+  it('should return true when workspace is enabled but permission is not enabled', () => {
+    const application = {
+      capabilities: {
+        workspaces: {
+          enabled: true,
+          permissionEnabled: false,
+        },
+      },
+    };
+    const workspaces = null;
+
+    const result = isAbleToUpdateUiSettings({ workspaces, application });
+
+    expect(result).toBe(true);
+  });
+
+  it('should return true when current workspace owner', () => {
+    const application = {
+      capabilities: {
+        workspaces: {
+          enabled: true,
+          permissionEnabled: true,
+        },
+      },
+    };
+    const workspaces = {
+      currentWorkspace$: {
+        getValue: () => ({ owner: true }),
+      },
+    };
+
+    const result = isAbleToUpdateUiSettings({ workspaces, application });
+
+    expect(result).toBe(true);
+  });
+
+  it('should return true when user is dashboards admin', () => {
+    const application = {
+      capabilities: {
+        workspaces: {
+          enabled: true,
+          permissionEnabled: true,
+        },
+        dashboards: {
+          isDashboardAdmin: true,
+        },
+      },
+    };
+    const workspaces = {
+      currentWorkspace$: {
+        getValue: () => ({ owner: false }),
+      },
+    };
+
+    const result = isAbleToUpdateUiSettings({ workspaces, application });
+
+    expect(result).toBe(true);
+  });
+
+  it('should return false when user is not current workspace owner and not dashboards admin', () => {
+    const application = {
+      capabilities: {
+        workspaces: {
+          enabled: true,
+          permissionEnabled: true,
+        },
+        dashboards: {
+          isDashboardAdmin: false,
+        },
+      },
+    };
+    const workspaces = {
+      currentWorkspace$: {
+        getValue: () => ({ owner: false }),
+      },
+    };
+
+    const result = isAbleToUpdateUiSettings({ workspaces, application });
+
+    expect(result).toBe(false);
+  });
+});

src/plugins/home/public/application/utils.ts

@@ -0,0 +1,35 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { HomeOpenSearchDashboardsServices } from './opensearch_dashboards_services';
+
+export const isAbleToUpdateUiSettings = ({
+  workspaces,
+  application,
+}: Pick<HomeOpenSearchDashboardsServices, 'workspaces' | 'application'>) => {
+  // Able to update ui settings when workspace not enabled and permission not enabled
+  if (
+    !application.capabilities ||
+    !application.capabilities.workspaces ||
+    !application.capabilities.workspaces.enabled ||
+    !application.capabilities.workspaces.permissionEnabled
+  ) {
+    return true;
+  }
+
+  // Able to update ui settings when is current workspace owner
+  if (workspaces) {
+    const currentWorkspace = workspaces.currentWorkspace$.getValue();
+    if (currentWorkspace && currentWorkspace.owner) {
+      return true;
+    }
+  }
+
+  // Able to update ui settings when is dashboards admin
+  return (
+    application.capabilities.dashboards &&
+    application.capabilities.dashboards.isDashboardAdmin !== false
+  );
+};

src/plugins/home/public/plugin.ts

@@ -156,6 +156,7 @@ export class HomePublicPlugin
         injectedMetadata: coreStart.injectedMetadata,
         dataSource,
         sectionTypes: this.sectionTypeService,
+        workspaces: coreStart.workspaces,
         ...homeOpenSearchDashboardsServices,
       });
     };