chore(navlink): add loading status

mbaraa · May 26, 2024 · c7f3645 · c7f3645
1 parent b376803
commit c7f3645
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/views/components/navlink/navlink.templ b/views/components/navlink/navlink.templ
@@ -11,6 +11,9 @@ templ NavLink(title, imageUrl, path string, showTilte ...bool) {
 		hx-swap="innerHTML"
 		hx-trigger="click,submit"
 		hx-on::after-request={ updateStyle() }
+		data-loading-target="#loading"
+		data-loading-class-remove="hidden"
+		data-loading-path={ path + "?no_layout=true" }
 	>
 		if imageUrl != "" {
 			<div class={ "flex", "gap-x-3", "items-center" }>
@@ -45,6 +48,9 @@ templ JustLink(path, title string, child templ.Component) {
 		hx-swap="innerHTML"
 		hx-trigger="click,submit"
 		hx-on::after-request={ updateStyle() }
+		data-loading-target="#loading"
+		data-loading-class-remove="hidden"
+		data-loading-path={ path + "?no_layout=true" }
 	>
 		<div
 			id={ path }