Update Registry Viewer after add/remove/edit Registry

Signed-off-by: Denis Golovin dgolovin@redhat.com

Author: dgolovin

src/componentTypesView.ts

@@ -245,9 +245,7 @@ export class ComponentTypesView implements TreeDataProvider<ComponentType> {
         const newRegistry = await OdoImpl.Instance.addRegistry(regName, regURL, token);
         ComponentTypesView.instance.addRegistry(newRegistry);
 
-        if (registryContext) {
-            void ComponentTypesView.openRegistryInWebview();
-        }
+        RegistryViewLoader.refresh();
     }
 
     @vsCommand('openshift.componentTypesView.registry.remove')
@@ -260,6 +258,7 @@ export class ComponentTypesView implements TreeDataProvider<ComponentType> {
         if (yesNo === 'Yes') {
             await OdoImpl.Instance.removeRegistry(registry.Name);
             ComponentTypesView.instance.removeRegistry(registry);
+            RegistryViewLoader.refresh();
         }
     }
 

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

@@ -73,8 +73,12 @@ export const Home: React.FC<DefaultProps> = ({ }) => {
                     setCompDescriptions(message.data.compDescriptions);
                     setRegistries(message.data.registries);
                     setFilteredcompDescriptions(getFilteredCompDesc(message.data.registries, message.data.compDescriptions, searchValue));
-
                 }
+            } else if (message.data.action === 'loadingComponents') {
+              setError('');
+              setFilteredcompDescriptions([]);
+              setCompDescriptions([]);
+              setSearchValue('');
             }
         });
     });

src/webview/devfile-registry/registryViewLoader.ts

@@ -107,6 +107,13 @@ export default class RegistryViewLoader {
     static async closeRegistryInWebview(): Promise<void> {
         panel?.dispose();
     }
+
+    static refresh(): void {
+      if(panel) {
+        panel.webview.postMessage({action: 'loadingComponents' });
+        getAllComponents('getAllComponents');
+      }
+    }
 }
 
 function getAllComponents(eventActionName: string) {