1 files changed, 8 insertions, 5 deletions
diff --git a/app/views/shared/integrations/gitlab_slack_application/_slack_integration_form.html.haml b/app/views/shared/integrations/gitlab_slack_application/_slack_integration_form.html.haml
index 5c9f77f8c12..e5d05a8a83d 100644
--- a/app/views/shared/integrations/gitlab_slack_application/_slack_integration_form.html.haml
+++ b/app/views/shared/integrations/gitlab_slack_application/_slack_integration_form.html.haml
@@ -20,13 +20,16 @@
       %td{ class: 'gl-py-3!' }
         = time_ago_with_tooltip(slack_integration.created_at)
       %td{ class: 'gl-py-3!' }
-        .controls
+        .controls.gl-display-flex.gl-gap-3
           - project = integration.project
-          = link_to _('Edit'), edit_project_settings_slack_path(project), class: 'btn gl-button btn-default'
-          = link_to sprite_icon('remove', css_class: 'gl-icon'), project_settings_slack_path(project), method: :delete, class: 'btn gl-button btn-danger btn-danger-secondary', aria: { label: s_('SlackIntegration|Remove project') }, data: { confirm_btn_variant: "danger", confirm: s_('SlackIntegration|Are you sure you want to remove this project from the GitLab for Slack app?') }
+          = render Pajamas::ButtonComponent.new(href: edit_project_settings_slack_path(project)) do
+            = _('Edit')
+          = render Pajamas::ButtonComponent.new(method: :delete, category: 'secondary', variant: "danger", href: project_settings_slack_path(project), icon: 'remove', button_options: { aria: { label: s_('SlackIntegration|Remove project') }, data: { confirm_btn_variant: "danger", confirm: s_('SlackIntegration|Are you sure you want to remove this project from the GitLab for Slack app?') }})
   .gl-my-5
-    = render 'shared/integrations/gitlab_slack_application/slack_button', project: @project, label: s_('SlackIntegration|Reinstall GitLab for Slack app')
+    = render Pajamas::ButtonComponent.new(href: add_to_slack_link(@project, slack_app_id)) do
+      = s_('SlackIntegration|Reinstall GitLab for Slack app…')
   %p
     = html_escape(s_('SlackIntegration|You may need to reinstall the GitLab for Slack app when we %{linkStart}make updates or change permissions%{linkEnd}.')) % { linkStart: %(<a href="#{help_page_path('user/project/integrations/gitlab_slack_application.md', anchor: 'update-the-gitlab-for-slack-app')}">).html_safe, linkEnd: '</a>'.html_safe}
 - else
-  = render 'shared/integrations/gitlab_slack_application/slack_button', project: @project, label: s_('SlackIntegration|Install GitLab for Slack app')
+  = render Pajamas::ButtonComponent.new(href: add_to_slack_link(@project, slack_app_id)) do
+    = s_('SlackIntegration|Install GitLab for Slack app…')