From 11a620fefb5e5a1d526faae8d2fd6a66619fc61a Mon Sep 17 00:00:00 2001
From: Maneesh Shukla <shuklamaneesh24@gmail.com>
Date: Tue, 13 May 2025 22:34:06 +0530
Subject: [PATCH] buttons: Modify the styles of buttons in user group settings.

This commit changes the intent of "Leave group" to neutral color (grey),
while keeping "Join group" brand-colored.
---
 web/src/user_group_edit.ts                             | 10 ++++++++--
 .../user_group_settings/user_group_settings.hbs        |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/web/src/user_group_edit.ts b/web/src/user_group_edit.ts
index 63b534635b..88f6b0a36a 100644
--- a/web/src/user_group_edit.ts
+++ b/web/src/user_group_edit.ts
@@ -295,9 +295,15 @@ function update_group_membership_button(group_id: number): void {
         true,
     );
     if (is_direct_member) {
-        $group_settings_button.text($t({defaultMessage: "Leave group"}));
+        $group_settings_button
+            .text($t({defaultMessage: "Leave group"}))
+            .removeClass("action-button-quiet-brand")
+            .addClass("action-button-neutral");
     } else {
-        $group_settings_button.text($t({defaultMessage: "Join group"}));
+        $group_settings_button
+            .text($t({defaultMessage: "Join group"}))
+            .removeClass("action-button-quiet-neutral")
+            .addClass("action-button-quiet-brand");
     }
 
     const can_join_group = settings_data.can_join_user_group(group_id);
diff --git a/web/templates/user_group_settings/user_group_settings.hbs b/web/templates/user_group_settings/user_group_settings.hbs
index fc1d027974..c0e7d7b76a 100644
--- a/web/templates/user_group_settings/user_group_settings.hbs
+++ b/web/templates/user_group_settings/user_group_settings.hbs
@@ -4,7 +4,7 @@
         <div class="join_leave_button_wrapper inline-block">
             {{#if is_direct_member}}
             {{> ../components/action_button label=(t "Leave group") custom_classes="join_leave_button" type="button"
-              attention="quiet" intent="brand" }}
+              attention="quiet" intent="neutral" }}
             {{else}}
             {{> ../components/action_button label=(t "Join group") custom_classes="join_leave_button" type="button"
               attention="quiet" intent="brand" }}