Fix modal demo page

Author: ukutaht

demo/priv/code_examples/modal/async_modal_demo.ex

@@ -17,7 +17,7 @@ defmodule PrimaWeb.DemoLive.AsyncModalDemo do
         id="open-form-modal-button"
         type="button"
         phx-click={
-          Prima.Modal.open("demo-form-modal") |> JS.push("open-async-modal", target: @myself)
+          Prima.Modal.JS.open("demo-form-modal") |> JS.push("open-async-modal", target: @myself)
         }
         class="inline-flex justify-center rounded-md bg-indigo-600 disabled:bg-gray-400 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
       >
@@ -71,7 +71,7 @@ defmodule PrimaWeb.DemoLive.AsyncModalDemo do
               <div class="relative">
                 <button
                   class="absolute top-0 right-0"
-                  phx-click={Prima.Modal.close()}
+                  phx-click={Prima.Modal.JS.close()}
                   testing-ref="close-button"
                 >
                   <svg

demo/priv/code_examples/modal/basic_modal.heex

@@ -1,4 +1,4 @@
-<.button type="button" phx-click={Prima.Modal.open("demo-modal")}>
+<.button type="button" phx-click={Prima.Modal.JS.open("demo-modal")}>
   Open Modal
 </.button>
 
@@ -26,7 +26,7 @@
         <div class="relative">
           <button
             class="absolute top-0 right-0 cursor-pointer"
-            phx-click={Prima.Modal.close()}
+            phx-click={Prima.Modal.JS.close()}
           >
             <svg
               xmlns="http://www.w3.org/2000/svg"
@@ -47,7 +47,7 @@
           </p>
         </div>
         <div class="mt-6">
-          <.button phx-click={Prima.Modal.close()} type="button">
+          <.button phx-click={Prima.Modal.JS.close()} type="button">
             Got it
           </.button>
         </div>

demo/priv/code_examples/modal/form_modal_demo.ex

@@ -22,7 +22,7 @@ defmodule PrimaWeb.DemoLive.FormModalDemo do
         id="open-form-demo-button"
         type="button"
         phx-click={
-          Prima.Modal.open("form-integration-modal") |> JS.push("open-form-modal", target: @myself)
+          Prima.Modal.JS.open("form-integration-modal") |> JS.push("open-form-modal", target: @myself)
         }
       >
         Open Modal

demo/priv/code_examples/modal/history_modal.heex

@@ -1,4 +1,4 @@
-<.button phx-click={JS.patch("/modal/history") |> Prima.Modal.open("demo-history-modal")}>
+<.button phx-click={JS.patch("/modal/history") |> Prima.Modal.JS.open("demo-history-modal")}>
   Open Modal
 </.button>
 
@@ -75,7 +75,7 @@
           </div>
         </div>
         <div class="mt-5 sm:mt-6">
-          <.button phx-click={Prima.Modal.close()} type="button" class="w-full">
+          <.button phx-click={Prima.Modal.JS.close()} type="button" class="w-full">
             Go back to dashboard
           </.button>
         </div>