chore(agent): use notification message to patch template table (#708)

* chore(agent): use notification message to patch template table

Signed-off-by: Thuan Vo <thvo@redhat.com>

* chore(agent): remove console

Signed-off-by: Thuan Vo <thvo@redhat.com>

src/app/Agent/AgentProbeTemplates.tsx

@@ -228,19 +228,27 @@ export const AgentProbeTemplates: React.FunctionComponent<AgentProbeTemplatesPro
 
   React.useEffect(() => {
     addSubscription(
-      context.notificationChannel
-        .messages(NotificationCategory.ProbeTemplateUploaded)
-        .subscribe((v) => refreshTemplates())
+      context.notificationChannel.messages(NotificationCategory.ProbeTemplateUploaded).subscribe((event) => {
+        setTemplates((old) => {
+          return [
+            ...old,
+            {
+              name: event.message.templateName,
+              xml: event.message.templateContent,
+            } as ProbeTemplate,
+          ];
+        });
+      })
     );
-  }, [addSubscription, context.notificationChannel, refreshTemplates]);
+  }, [addSubscription, context.notificationChannel, setTemplates]);
 
   React.useEffect(() => {
     addSubscription(
-      context.notificationChannel
-        .messages(NotificationCategory.ProbeTemplateDeleted)
-        .subscribe((v) => refreshTemplates())
+      context.notificationChannel.messages(NotificationCategory.ProbeTemplateDeleted).subscribe((event) => {
+        setTemplates((old) => old.filter((t) => t.name !== event.message.probeTemplate));
+      })
     );
-  }, [addSubscription, context.notificationChannel, refreshTemplates]);
+  }, [addSubscription, context.notificationChannel, setTemplates]);
 
   React.useEffect(() => {
     let filtered: ProbeTemplate[];

src/test/Agent/AgentProbeTemplates.test.tsx

@@ -73,7 +73,9 @@ const mockCreateTemplateNotification = {
     type: mockMessageType,
   } as MessageMeta,
   message: {
-    template: mockAnotherProbeTemplate,
+    templateName: mockAnotherProbeTemplate.name,
+    templateContent: mockAnotherProbeTemplate.xml,
+    probeTemplate: 'files-uploads/abcdfg',
   },
 } as NotificationMessage;
 
@@ -83,7 +85,7 @@ const mockDeleteTemplateNotification = {
     type: mockMessageType,
   },
   message: {
-    template: mockProbeTemplate,
+    probeTemplate: mockProbeTemplate.name,
   },
 } as NotificationMessage;