add loading state to daily artwork generator (#149)

Refuge-Worldwide · Nov 13, 2024 · b3d6507 · b3d6507
1 parent 116c39d
commit b3d6507
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/pages/admin/daily-schedule-generator.tsx b/pages/admin/daily-schedule-generator.tsx
@@ -44,7 +44,7 @@ const ScheduleArtworkPage: NextPage & {
         alignItems: "center",
       }}
     >
-      <div className="h-[80vh]">
+      <div className="h-[80vh] flex items-center align-middle">
         {imageUrl ? (
           <img
             className="border border-white"
@@ -53,7 +53,7 @@ const ScheduleArtworkPage: NextPage & {
             style={{ maxWidth: "100%", maxHeight: "80vh" }}
           />
         ) : (
-          <p>Loading...</p>
+          <p className="text-white animate-pulse">Loading...</p>
         )}
         <div />
       </div>