Integrate stimulus analytics with color scheme UX

Author: rossta

app/views/settings/color_schemes/select.rb

@@ -25,7 +25,8 @@ def view_template
               selected: previewing? && @settings.color_scheme.id
             },
             onchange: "this.form.requestSubmit()",
-            class: ""
+            class: "",
+            data: send_analytics
           )
           noscript { f.submit "Preview", class: "button primary" }
         end
@@ -35,7 +36,8 @@ def view_template
 
       link_to "I feel lucky!",
         url_for(settings: {color_scheme_id: random_curated_color_scheme_id}),
-        class: "button secondary "
+        class: "button secondary",
+        data: send_analytics
     end
   end
 
@@ -51,4 +53,8 @@ def random_curated_color_scheme_id
     _display_name, id = cached_curated_color_scheme_options.sample
     id
   end
+
+  def send_analytics
+    {action: "analytics#send"}
+  end
 end

app/views/settings/color_schemes/show_view.rb

@@ -27,7 +27,7 @@ def view_template
     render Pages::Header.new(title: "Settings: Color Scheme")
 
     section(class: "section-content container py-gap") do
-      turbo_frame_tag "color-scheme-form", data: {turbo_action: "advance"} do
+      turbo_frame_tag "color-scheme-form", data: {turbo_action: "advance", controller: "analytics", analytics_event_value: "Color Scheme Update"} do
         style do
           render(ColorSchemes::Css.new(color_scheme: @session_color_scheme)) if @session_color_scheme
           render(ColorSchemes::Css.new(color_scheme: @color_scheme, my_theme_enabled: true))
@@ -122,15 +122,17 @@ def save_preview_button
     button_to "Save #{@preview_color_scheme.display_name}",
       settings_color_scheme_path(settings: {color_scheme_id: @preview_color_scheme.id}),
       method: :patch,
-      class: "button primary"
+      class: "button primary",
+      data: send_analytics
   end
 
   def unsave_button
     button_to "Delete my color scheme choice",
       settings_color_scheme_path(settings: {color_scheme_id: ColorScheme.cached_default.id}),
       method: :patch,
       class: "button warn",
-      style: "min-width: 25ch;"
+      style: "min-width: 25ch;",
+      data: {confirm: "Are you sure you want to delete your saved color scheme?", **send_analytics}
   end
 
   def reset_button
@@ -165,4 +167,8 @@ def default_color_scheme? = @color_scheme.id == @default_color_scheme
   def inline_style_header_color(color_scheme)
     "color: var(--color-#{color_scheme.name.parameterize}-500)"
   end
+
+  def send_analytics
+    {action: "analytics#send"}
+  end
 end