From c061fd5a768309c48f4aa44721d2c12a6fab1cf0 Mon Sep 17 00:00:00 2001
From: Dheeraj Joshi <djoshi@gitlab.com>
Date: Sat, 4 Nov 2023 07:50:45 +0000
Subject: [PATCH] Update button to use Pajamas::ButtonComponent
---
app/assets/javascripts/single_file_diff.js | 5 ++++-
app/views/projects/diffs/viewers/_collapsed.html.haml | 3 ++-
2 files changed, 6 insertions(+), 2 deletions(-)
diff --git a/app/assets/javascripts/single_file_diff.js b/app/assets/javascripts/single_file_diff.js
index 11896a75798ec..1e01da795e877 100644
--- a/app/assets/javascripts/single_file_diff.js
+++ b/app/assets/javascripts/single_file_diff.js
@@ -40,9 +40,12 @@ export default class SingleFileDiff {
this.$chevronDownIcon.removeClass('gl-display-none');
}
- $('.js-file-title, .click-to-expand', this.file).on('click', (e) => {
+ $('.js-file-title', this.file).on('click', (e) => {
this.toggleDiff($(e.target));
});
+ $('.click-to-expand', this.file).on('click', (e) => {
+ this.toggleDiff($(e.currentTarget));
+ });
}
toggleDiff($target, cb) {
diff --git a/app/views/projects/diffs/viewers/_collapsed.html.haml b/app/views/projects/diffs/viewers/_collapsed.html.haml
index 578b0af32417a..6cffae440842b 100644
--- a/app/views/projects/diffs/viewers/_collapsed.html.haml
+++ b/app/views/projects/diffs/viewers/_collapsed.html.haml
@@ -1,3 +1,4 @@
.nothing-here-block.diff-collapsed{ data: { diff_for_path: collapsed_diff_url(viewer.diff_file) } }
= _("This diff is collapsed.")
- %button.click-to-expand.gl-button.btn.btn-link= _("Click to expand it.")
+ = render Pajamas::ButtonComponent.new(variant: :link, button_options: { class: 'click-to-expand' }) do
+ = _("Click to expand it.")
--
GitLab