Reset form on open

Author: kraleppa

lib/live_debugger/app/debugger/web/live_components/node_basic_info.ex

@@ -9,7 +9,6 @@ defmodule LiveDebugger.App.Debugger.Web.LiveComponents.NodeBasicInfo do
   alias LiveDebugger.App.Debugger.Queries.Node, as: NodeQueries
   alias LiveDebugger.App.Debugger.Web.LiveComponents.SendEventFullscreen
   alias LiveDebugger.App.Utils.Parsers
-  alias Phoenix.LiveView.JS
 
   @impl true
   def update(assigns, socket) do
@@ -69,7 +68,8 @@ defmodule LiveDebugger.App.Debugger.Web.LiveComponents.NodeBasicInfo do
               size="sm"
               id="send-event-button"
               disabled={not @lv_process.alive?}
-              phx-click={JS.dispatch("open", to: "#send-event-fullscreen")}
+              phx-click="open-send-event"
+              phx-target={@myself}
             >
               <.icon name="icon-send" class="w-4 h-4" /> Send Event
             </.button>
@@ -86,6 +86,18 @@ defmodule LiveDebugger.App.Debugger.Web.LiveComponents.NodeBasicInfo do
     """
   end
 
+  @impl true
+  def handle_event("open-send-event", _, socket) do
+    send_update(SendEventFullscreen,
+      id: "send-event-fullscreen",
+      reset_form?: true
+    )
+
+    socket
+    |> push_event("send-event-fullscreen-open", %{})
+    |> noreply()
+  end
+
   defp assign_node_type(socket) do
     node_type =
       socket.assigns.node_id

lib/live_debugger/app/debugger/web/live_components/send_event_fullscreen.ex

@@ -21,6 +21,14 @@ defmodule LiveDebugger.App.Debugger.Web.LiveComponents.SendEventFullscreen do
     {"handle_cast/2", "handle_cast/2"}
   ]
 
+  @impl true
+  def update(%{reset_form?: true}, socket) do
+    socket
+    |> assign(:message_error, nil)
+    |> assign_form()
+    |> ok()
+  end
+
   @impl true
   def update(assigns, socket) do
     socket