fix: CSV processing loading state UI

camino-school · Oct 26, 2023 · 3fa42dc · 3fa42dc
1 parent 0b2e14c
commit 3fa42dc
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/lib/lanttern_web/live/students_import_live.ex b/lib/lanttern_web/live/students_import_live.ex
@@ -152,8 +152,11 @@ defmodule LantternWeb.StudentsImportLive do
         <.button type="button" phx-click={JS.push("import", loading: "#import-loading")}>
           Import
         </.button>
-        <div id="import-loading" class="flex items-center gap-4 text-ltrn-subtle">
-          <.ping class="hidden phx-click-loading:block" /> Processing CSV file...
+        <div
+          id="import-loading"
+          class="hidden items-center gap-4 text-ltrn-subtle phx-click-loading:flex"
+        >
+          <.ping /> Processing CSV file...
         </div>
       </div>
     </.steps>

diff --git a/lib/lanttern_web/live/teachers_import_live.ex b/lib/lanttern_web/live/teachers_import_live.ex
@@ -105,8 +105,11 @@ defmodule LantternWeb.TeachersImportLive do
         <.button type="button" phx-click={JS.push("import", loading: "#import-loading")}>
           Import
         </.button>
-        <div id="import-loading" class="flex items-center gap-4 text-ltrn-subtle">
-          <.ping class="hidden phx-click-loading:block" /> Processing CSV file...
+        <div
+          id="import-loading"
+          class="hidden items-center gap-4 text-ltrn-subtle phx-click-loading:flex"
+        >
+          <.ping /> Processing CSV file...
         </div>
       </div>
     </.steps>