[Workspace]Hide saved object import button when user is outside works…

…pace (#7989)

* Hide saved object import button when user is outside workpace

Signed-off-by: yubonluo <yubonluo@amazon.com>

* Changeset file for PR #7989 created/updated

---------

Signed-off-by: yubonluo <yubonluo@amazon.com>
Co-authored-by: opensearch-changeset-bot[bot] <154024398+opensearch-changeset-bot[bot]@users.noreply.github.com>
(cherry picked from commit 35be041)
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

changelogs/fragments/7989.yml

@@ -0,0 +1,2 @@
+refactor:
+- Hide saved object import button when user is outside workspace ([#7989](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7989))

src/plugins/saved_objects_management/public/management_section/objects_table/components/header.test.tsx

@@ -43,6 +43,7 @@ const defaultProps = {
   useUpdatedUX: false,
   navigationUI: { HeaderControl: () => null, TopNavMenu: () => null },
   applications: applicationServiceMock.createStartContract(),
+  showImportButton: true,
 };
 
 describe('Header', () => {
@@ -92,4 +93,48 @@ describe('Header - workspace enabled', () => {
 
     expect(component.find('EuiButtonEmpty[data-test-subj="duplicateObjects"]').exists()).toBe(true);
   });
+
+  it('should render `Import` button inside a workspace', () => {
+    const props = {
+      ...defaultProps,
+      showImportButton: true,
+    };
+
+    const component = shallow(<Header {...props} />);
+
+    expect(component.find('EuiButtonEmpty[data-test-subj="importObjects"]').exists()).toBe(true);
+
+    const newUxProps = {
+      ...defaultProps,
+      showImportButton: true,
+      useUpdatedUX: true,
+    };
+
+    const newUxComponent = shallow(<Header {...newUxProps} />);
+
+    expect(newUxComponent).toMatchSnapshot();
+  });
+
+  it('should not render `Import` button outside a workspace', () => {
+    const props = {
+      ...defaultProps,
+      showImportButton: false,
+    };
+
+    const component = shallow(<Header {...props} />);
+
+    expect(component.find('EuiButtonEmpty[data-test-subj="importObjects"]').exists()).toBe(false);
+
+    const newUxProps = {
+      ...defaultProps,
+      showImportButton: true,
+      useUpdatedUX: false,
+    };
+
+    const newUxComponent = shallow(<Header {...newUxProps} />);
+
+    expect(newUxComponent.find('EuiButtonEmpty[data-test-subj="importObjects"]').exists()).toBe(
+      true
+    );
+  });
 });

src/plugins/saved_objects_management/public/management_section/objects_table/components/header.tsx

@@ -56,6 +56,7 @@ export const Header = ({
   navigationUI: { HeaderControl },
   applications,
   currentWorkspaceName,
+  showImportButton,
 }: {
   onExportAll: () => void;
   onImport: () => void;
@@ -67,6 +68,7 @@ export const Header = ({
   navigationUI: NavigationPublicPluginStart['ui'];
   applications: ApplicationStart;
   currentWorkspaceName: string;
+  showImportButton: boolean;
 }) => {
   const title = useUpdatedUX ? null : (
     <EuiFlexItem grow={false}>
@@ -143,15 +145,22 @@ export const Header = ({
             defaultMessage: 'Export all objects',
           }),
         } as TopNavControlButtonData,
-        {
-          testId: 'importObjects',
-          run: onImport,
-          controlType: 'button',
-          iconType: 'importAction',
-          label: i18n.translate('savedObjectsManagement.objectsTable.header.importButtonLabel', {
-            defaultMessage: 'Import',
-          }),
-        } as TopNavControlButtonData,
+        ...(showImportButton
+          ? [
+              {
+                testId: 'importObjects',
+                run: onImport,
+                controlType: 'button',
+                iconType: 'importAction',
+                label: i18n.translate(
+                  'savedObjectsManagement.objectsTable.header.importButtonLabel',
+                  {
+                    defaultMessage: 'Import',
+                  }
+                ),
+              } as TopNavControlButtonData,
+            ]
+          : []),
       ]}
       setMountPoint={applications.setAppRightControls}
     />
@@ -187,19 +196,21 @@ export const Header = ({
             />
           </EuiButtonEmpty>
         </EuiFlexItem>
-        <EuiFlexItem grow={false}>
-          <EuiButtonEmpty
-            size="s"
-            iconType="importAction"
-            data-test-subj="importObjects"
-            onClick={onImport}
-          >
-            <FormattedMessage
-              id="savedObjectsManagement.objectsTable.header.importButtonLabel"
-              defaultMessage="Import"
-            />
-          </EuiButtonEmpty>
-        </EuiFlexItem>
+        {showImportButton && (
+          <EuiFlexItem grow={false}>
+            <EuiButtonEmpty
+              size="s"
+              iconType="importAction"
+              data-test-subj="importObjects"
+              onClick={onImport}
+            >
+              <FormattedMessage
+                id="savedObjectsManagement.objectsTable.header.importButtonLabel"
+                defaultMessage="Import"
+              />
+            </EuiButtonEmpty>
+          </EuiFlexItem>
+        )}
         <EuiFlexItem grow={false}>
           <EuiButtonEmpty size="s" iconType="refresh" onClick={onRefresh}>
             <FormattedMessage

src/plugins/saved_objects_management/public/management_section/objects_table/saved_objects_table.tsx

@@ -1166,6 +1166,7 @@ export class SavedObjectsTable extends Component<SavedObjectsTableProps, SavedOb
           navigationUI={navigationUI}
           applications={applications}
           currentWorkspaceName={currentWorkspace?.name}
+          showImportButton={!workspaceEnabled || !!currentWorkspace}
         />
         {!useUpdatedUX && <EuiSpacer size="xs" />}
         <RedirectAppLinks application={applications}>