vsx-registry: add hint to fetching extensions error (#12858)

Clarifies the error by suggesting it could be caused by network configuration issues.

Contributed by STMicroelectronics
Signed-off-by: Samuel BERG <samuel.berg@st.com>

CHANGELOG.md

@@ -4,6 +4,10 @@
 
 - [Previous Changelogs](https://github.com/eclipse-theia/theia/tree/master/doc/changelogs/)
 
+## v1.42.0
+
+- [vsx-registry] added a hint to extension fetching ENOTFOUND errors [#12858](https://github.com/eclipse-theia/theia/pull/12858) - Contributed by STMicroelectronics
+
 ## v1.41.0 - 08/31/2023
 
 - [application-package] added handling to quit the electron app when the backend fails to start [#12778](https://github.com/eclipse-theia/theia/pull/12778) - Contributed on behalf of STMicroelectronics.

packages/vsx-registry/src/browser/vsx-extensions-widget.tsx

@@ -143,9 +143,11 @@ export class VSXExtensionsWidget extends SourceTreeWidget implements BadgeWidget
             const searchError = this.extensionsSource.getModel().searchError;
             if (!!searchError) {
                 const message = nls.localize('theia/vsx-registry/errorFetching', 'Error fetching extensions.');
+                const configurationHint = nls.localize('theia/vsx-registry/errorFetchingConfigurationHint', 'This could be caused by network configuration issues.');
+                const hint = searchError.includes('ENOTFOUND') ? configurationHint : '';
                 return <AlertMessage
                     type='ERROR'
-                    header={`${message} ${searchError}`}
+                    header={`${message} ${searchError} ${hint}`}
                 />;
             }
         }