added catch block

Signed-off-by: msivasubramaniaan <msivasub@redhat.com>

Author: msivasubramaniaan

src/registriesView.ts

@@ -139,6 +139,8 @@ export class ComponentTypesView implements TreeDataProvider<ComponentType> {
                     }
                 });
             });
+        }).catch(() => {
+            this.subject.next('error');
         });
     }
 

src/webview/devfile-registry/app/home.tsx

@@ -56,15 +56,15 @@ export const Home: React.FC<DefaultProps> = ({ }) => {
     const [filteredcompDescriptions, setFilteredcompDescriptions] = React.useState([]);
     const [registries, setRegistries] = React.useState([]);
     const [searchValue, setSearchValue] = React.useState('');
-    const [error, setError] = React.useState(false);
+    const [error, setError] = React.useState('');
 
     React.useEffect(() => {
         return VSCodeMessage.onMessage((message) => {
             if (message.data.action === 'getAllComponents') {
-                if (message.data.error) {
-                    setError(message.data.error);
+                if (message.data.errorMessage && message.data.errorMessage.length > 0) {
+                    setError(message.data.errorMessage);
                 } else {
-                    setError(false);
+                    setError('');
                     message.data.registries.map((registry: Registry) => {
                         if (registry.URL.toLowerCase().indexOf('https://registry.devfile.io') !== -1) {
                             registry.state = true;
@@ -75,7 +75,7 @@ export const Home: React.FC<DefaultProps> = ({ }) => {
                     setFilteredcompDescriptions(getFilteredCompDesc(message.data.registries, message.data.compDescriptions, searchValue));
                 }
             } else if (message.data.action === 'loadingComponents') {
-                setError(false);
+                setError('');
                 setFilteredcompDescriptions([]);
                 setCompDescriptions([]);
                 setSearchValue('');
@@ -120,10 +120,10 @@ export const Home: React.FC<DefaultProps> = ({ }) => {
                             />
                         }
                         <HomeItem compDescriptions={filteredcompDescriptions} />
-                        {error ? <ErrorPage message='Devfiles not downloaded properly' /> : null}
+                        {error?.length > 0 ? <ErrorPage message='Devfiles not downloaded properly' /> : null}
                     </>
                     :
-                    error ? <ErrorPage message='500: Internal Sever Error' /> : <LoadScreen />
+                    error?.length > 0 ? <ErrorPage message={error} /> : <LoadScreen />
             }
         </>
     );

src/webview/devfile-registry/registryViewLoader.ts

@@ -122,14 +122,15 @@ export default class RegistryViewLoader {
     }
 }
 
-function getAllComponents(eventActionName: string) {
+function getAllComponents(eventActionName: string, error?: string) {
     const registries = ComponentTypesView.instance.getListOfRegistries();
     const componentDescriptions = ComponentTypesView.instance.getCompDescriptions();
     panel?.webview.postMessage(
         {
             action: eventActionName,
             compDescriptions: Array.from(componentDescriptions),
-            registries: registries
+            registries: registries,
+            errorMessage: error
         }
     );
 }
@@ -138,5 +139,7 @@ ComponentTypesView.instance.subject.subscribe((value: string) => {
     if (value === 'refresh') {
         RegistryViewLoader.refresh();
         getAllComponents('getAllComponents');
+    } else if (value === 'error') {
+        getAllComponents('getAllComponents', 'Devfile Registry is not accessible');
     }
 });