feat(ui): replace send confirmation with disabled button

scottmckendry · Jul 31, 2024 · f115ae8 · f115ae8
1 parent 22009b6
commit f115ae8
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/handlers.go b/handlers.go
@@ -177,5 +177,5 @@ func handleSendInvoice(c *fiber.Ctx) error {
 		// Not sure why this is the case, but probably worth revisiting in the future.
 		return c.SendString("Failed :(")
 	}
-	return c.SendString("Queued!")
+	return c.SendString("<button class=\"btn-disabled\" disabled>Queued!</button>")
 }
diff --git a/public/css/style.css b/public/css/style.css
@@ -158,6 +158,11 @@ hr {
     background-color: #ac0800;
 }
 
+.btn-disabled {
+    background-color: #777;
+    color: #fff !important;
+}
+
 #modal {
     /* Underlay covers entire screen. */
     position: fixed;

diff --git a/views/card.html b/views/card.html
@@ -43,8 +43,7 @@ <h2>{{ .Name }}</h2>
             class="btn-primary"
             hx-post="/invoice/{{.ID}}"
             hx-indicator="#spinner"
-            hx-swap="innerHTML"
-            hx-confirm="Are you sure you want to send {{.Name}}'s invoice?"
+            hx-swap="outerHTML"
             hx-target="this"
             href=""
         >