Make confirmations work in tailwind theme.

https://www.bugherd.com/t/LQbIMc1uiet5AHha3Pak0Q
openaustralia · May 27, 2024 · f9ea4eb · f9ea4eb
1 parent 545675b
commit f9ea4eb
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/app/components/tailwind/button_component.rb b/app/components/tailwind/button_component.rb
@@ -8,9 +8,11 @@ class ButtonComponent < ViewComponent::Base
     # href is untyped to support passing objects or paths or arrays to construct urls from
     sig do
       params(tag: Symbol, size: String, type: Symbol, href: T.untyped, icon: T.nilable(Symbol),
-             open_in_new_tab: T::Boolean, name: T.nilable(String), disabled: T::Boolean).void
+             open_in_new_tab: T::Boolean, name: T.nilable(String), disabled: T::Boolean,
+             confirm: T.nilable(String)).void
     end
-    def initialize(tag:, size:, type:, href: nil, icon: nil, open_in_new_tab: false, name: nil, disabled: false)
+    def initialize(tag:, size:, type:, href: nil, icon: nil, open_in_new_tab: false, name: nil, disabled: false,
+                   confirm: nil)
       super
 
       classes = %w[font-semibold]
@@ -71,6 +73,8 @@ def initialize(tag:, size:, type:, href: nil, icon: nil, open_in_new_tab: false,
 
       options[:disabled] = true if disabled
 
+      options["x-on:click"] = "if (!confirm('#{confirm}')) { $event.preventDefault(); }" if confirm
+
       @options = T.let(options, T.nilable(T::Hash[Symbol, T.nilable(String)]))
       @tag = tag
       @href = href

diff --git a/app/views/_tailwind/alerts_new/edit.html.erb b/app/views/_tailwind/alerts_new/edit.html.erb
@@ -37,4 +37,4 @@
 <%# TODO: #1768 Show an error of some sort if the last delivery was not successful %>
 <%= pa_button_to "Delete this alert", [:profile, @alert],
                  method: :delete, type: :secondary, icon: :trash, form_class: "mt-8",
-                 data: { confirm: "Are you sure you want to unsubscribe for email alerts for #{@alert.address}?" } %>
+                 confirm: "Are you sure you want to unsubscribe for email alerts for #{@alert.address}?" %>
diff --git a/app/views/_tailwind/devise/registrations/edit.html.erb b/app/views/_tailwind/devise/registrations/edit.html.erb
@@ -54,4 +54,4 @@
 
 <%= pa_button_to "Close your account", registration_path(resource_name),
                  method: :delete, type: :secondary, icon: :trash, form_class: "mt-12",
-                 data: { confirm: "This will permanently remove your account and can not be undone. Are you sure?" } %>
+                 confirm: "This will permanently remove your account and can not be undone. Are you sure?" %>