From 3fa42dc43338d18be35b665650ace50d814d7b70 Mon Sep 17 00:00:00 2001
From: Eric Endo <eric.endo@caminoeducation.com>
Date: Thu, 26 Oct 2023 10:51:28 -0300
Subject: [PATCH] fix: CSV processing loading state UI

---
 lib/lanttern_web/live/students_import_live.ex | 7 +++++--
 lib/lanttern_web/live/teachers_import_live.ex | 7 +++++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/lib/lanttern_web/live/students_import_live.ex b/lib/lanttern_web/live/students_import_live.ex
index 0a59647e..0ed63146 100644
--- 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
index 52c0eb21..5601690e 100644
--- 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>