Reactive subscription (#495)

* Move host subscriptions section to the end of the page * Make subscriptions reactive
trento-project · May 5, 2022 · 74f0961 · 74f0961
1 parent 61102fe
commit 74f0961
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 7 deletions.
diff --git a/assets/js/components/HostDetails/HostDetails.jsx b/assets/js/components/HostDetails/HostDetails.jsx
@@ -109,6 +109,13 @@ const HostDetails = () => {
         </div>
       </div>
 
+      <div className="mt-8">
+        <div>
+          <h2 className="text-2xl font-bold">SAP instances</h2>
+        </div>
+        <Table config={sapInstancesTableConfiguration} data={sapSystems} />
+      </div>
+
       <div className="mt-16">
         <div className="flex flex-direction-row">
           <img src={SuseLogo} className="h-12" />
@@ -121,13 +128,6 @@ const HostDetails = () => {
           data={host.sles_subscriptions}
         />
       </div>
-
-      <div className="mt-8">
-        <div>
-          <h2 className="text-2xl font-bold">SAP instances</h2>
-        </div>
-        <Table config={sapInstancesTableConfiguration} data={sapSystems} />
-      </div>
     </div>
   );
 };

diff --git a/lib/trento/application/projectors/sles_subscriptions_projector.ex b/lib/trento/application/projectors/sles_subscriptions_projector.ex
@@ -37,4 +37,19 @@ defmodule Trento.SlesSubscriptionsProjector do
       end)
     end
   )
+
+  def after_update(
+        %SlesSubscriptionsUpdated{host_id: id, subscriptions: subscriptions},
+        _,
+        _
+      ) do
+    TrentoWeb.Endpoint.broadcast(
+      "monitoring:hosts",
+      "host_details_updated",
+      %{
+        id: id,
+        sles_subscriptions: subscriptions
+      }
+    )
+  end
 end