fix(metadata-view): show error state when exception is thrown (#4270)

fix(metadata-view): show error state when exception is thrown in metdataview v2

Author: greg-in-a-box

src/elements/content-explorer/Content.tsx

@@ -80,6 +80,7 @@ const Content = ({
             {view === VIEW_ERROR || view === VIEW_SELECTED ? null : <ProgressBar percent={percentLoaded} />}
 
             {!isMetadataViewV2Feature && isViewEmpty && <EmptyView view={view} isLoading={percentLoaded !== 100} />}
+            {isMetadataViewV2Feature && view === VIEW_ERROR && <EmptyView view={view} isLoading={false} />}
             {!isMetadataViewV2Feature && !isViewEmpty && isMetadataBasedView && (
                 <MetadataBasedItemList
                     currentCollection={currentCollection}

src/elements/content-explorer/MetadataViewContainer.tsx

@@ -140,8 +140,7 @@ const MetadataViewContainer = ({
                     id: FIELD_ITEM_NAME,
                     isItemMetadata: true,
                     isRowHeader: true,
-                    minWidth: 250,
-                    maxWidth: 250,
+                    minWidth: 300,
                     textValue: formatMessage(messages.name),
                     type: 'string',
                 },

src/elements/content-explorer/__tests__/Content.test.tsx

@@ -90,7 +90,7 @@ describe('Content Component', () => {
         expect(screen.getByLabelText('File')).toBeInTheDocument();
     });
 
-    describe('contentExplorer.metadataViewV2 feature', () => {
+    describe('MetadataView V2 feature', () => {
         const features = {
             contentExplorer: { metadataViewV2: true },
         };
@@ -123,5 +123,31 @@ describe('Content Component', () => {
 
             expect(screen.getByText('MetadataViewContainer')).toBeInTheDocument();
         });
+
+        describe('EmptyView rendering for VIEW_ERROR with metadataViewV2 feature', () => {
+            test('renders EmptyView with isLoading=false when metadataViewV2 feature is enabled and view is VIEW_ERROR', () => {
+                // This test verifies that the EmptyView receives isLoading={false}
+                // We can verify this by checking that the loading message is not shown
+                renderComponent({
+                    features,
+                    view: VIEW_ERROR,
+                });
+
+                // Should show error message, not loading message
+                expect(screen.getByText('A network error has occurred while trying to load.')).toBeInTheDocument();
+                expect(screen.queryByText('Please wait while the items load...')).not.toBeInTheDocument();
+            });
+
+            test('does not render EmptyView when metadataViewV2 feature is enabled but view is not VIEW_ERROR', () => {
+                renderComponent({
+                    features,
+                    view: VIEW_FOLDER,
+                });
+
+                expect(
+                    screen.queryByText('A network error has occurred while trying to load.'),
+                ).not.toBeInTheDocument();
+            });
+        });
     });
 });