add episode_id to component_id

podlove · Sep 4, 2024 · 4f5c61d · 4f5c61d
1 parent ed4af79
commit 4f5c61d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/lib/radiator_web/live/episode_live/index.ex b/lib/radiator_web/live/episode_live/index.ex
@@ -73,7 +73,10 @@ defmodule RadiatorWeb.EpisodeLive.Index do
   def handle_info(%NodeDeletedEvent{} = event, socket), do: proxy_event(event, socket)
 
   defp proxy_event(event, socket) do
-    send_update(RadiatorWeb.OutlineComponent, id: "outline", event: event)
+    send_update(RadiatorWeb.OutlineComponent,
+      id: "outline-#{socket.assigns.selected_episode.id}",
+      event: event
+    )
 
     socket
     |> stream_event(event)

diff --git a/lib/radiator_web/live/episode_live/index.html.heex b/lib/radiator_web/live/episode_live/index.html.heex
@@ -62,7 +62,7 @@
       </.header>
 
       <.live_component
-        id="outline"
+        id={"outline-#{@selected_episode.id}"}
         module={RadiatorWeb.OutlineComponent}
         episode_id={@selected_episode.id}
         user_id={@current_user.id}

diff --git a/lib/radiator_web/live/outline_component.html.heex b/lib/radiator_web/live/outline_component.html.heex
@@ -1,7 +1,7 @@
 <div id={@id}>
   <OutlineComponents.keyboard_shortcuts />
 
-  <div id={[@id, "-stream-#{@episode_id}"]} class="my-6" phx-hook="outline" phx-update="stream">
+  <div id={[@id, "-stream"]} class="my-6" phx-hook="outline" phx-update="stream">
     <div
       :for={{id, form} <- @streams.nodes}
       id={id}