From 4acf3ea581d6f09e16ddf8a6e2b3b0a90b27510d Mon Sep 17 00:00:00 2001
From: glorydavid03023 <glorydavid03023@gmail.com>
Date: Thu, 28 May 2026 07:50:49 -0500
Subject: [PATCH] fix(enable_banking): migrate select_bank UI to DS primitives
 (#1997)

Replace hand-rolled Beta pill and secondary cancel link with DS::Pill and DS::Link on the bank picker dialog.

Refs #1971
---
 app/views/enable_banking_items/select_bank.html.erb | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/app/views/enable_banking_items/select_bank.html.erb b/app/views/enable_banking_items/select_bank.html.erb
index 095ae6738..73010080d 100644
--- a/app/views/enable_banking_items/select_bank.html.erb
+++ b/app/views/enable_banking_items/select_bank.html.erb
@@ -45,9 +45,7 @@
                     <div class="flex items-center gap-2 flex-wrap">
                       <p class="font-medium text-sm text-primary"><%= aspsp[:name] %></p>
                       <% if aspsp[:beta] %>
-                        <span class="text-xs font-medium text-warning bg-warning/10 px-2 py-0.5 rounded-full flex-shrink-0">
-                          <%= t(".beta_label", default: "Beta") %>
-                        </span>
+                        <%= render DS::Pill.new(label: t(".beta_label", default: "Beta"), tone: :warning, marker: false) %>
                       <% end %>
                     </div>
                     <% if aspsp[:bic].present? %>
@@ -70,9 +68,12 @@
         <% end %>
 
         <div class="flex justify-end pt-4">
-          <%= link_to t(".cancel", default: "Cancel"), settings_providers_path,
-              class: "inline-flex items-center gap-1 px-3 py-2 text-sm font-medium rounded-lg text-primary button-bg-secondary hover:button-bg-secondary-hover",
-              data: { turbo_frame: "_top", action: "DS--dialog#close" } %>
+          <%= render DS::Link.new(
+                text: t(".cancel", default: "Cancel"),
+                variant: :secondary,
+                href: settings_providers_path,
+                data: { turbo_frame: "_top", action: "DS--dialog#close" }
+              ) %>
         </div>
       </div>
     <% end %>