aboutsummaryrefslogtreecommitdiff
path: root/src/frontend/tau/components/loading.cljs
diff options
context:
space:
mode:
authorMiguel Ángel Moreno <mail@migalmoreno.com>2022-12-26 22:02:33 +0100
committerMiguel Ángel Moreno <mail@migalmoreno.com>2022-12-26 22:02:33 +0100
commitb5404ac06a3a09d83bef66552083254fdff12196 (patch)
tree02785ab11a3dcf328e8d1375a7b76abb2edbf382 /src/frontend/tau/components/loading.cljs
parentdce9e36b352509665887ea1ca2e6f81904038a11 (diff)
feat(frontend): Modularize components and add pagination
Diffstat (limited to 'src/frontend/tau/components/loading.cljs')
-rw-r--r--src/frontend/tau/components/loading.cljs16
1 files changed, 16 insertions, 0 deletions
diff --git a/src/frontend/tau/components/loading.cljs b/src/frontend/tau/components/loading.cljs
new file mode 100644
index 0000000..66954a1
--- /dev/null
+++ b/src/frontend/tau/components/loading.cljs
@@ -0,0 +1,16 @@
+(ns tau.components.loading
+ (:require
+ [re-frame.core :as rf]))
+
+(defn page-loading-icon
+ [service-color]
+ [:div.w-full.flex.justify-center.items-center.flex-auto
+ [:i.fas.fa-circle-notch.fa-spin.text-8xl
+ {:style {:color service-color}}]])
+
+(defn pagination-loading-icon
+ [service-color loading?]
+ [:div.w-full.flex.items-center.justify-center.py-4
+ {:class (when-not loading? "invisible")}
+ [:i.fas.fa-circle-notch.fa-spin.text-2xl
+ {:style {:color service-color}}]])