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.
This commit is contained in:
Maneesh Shukla 2025-05-13 22:34:06 +05:30 committed by Tim Abbott
parent 59788f01d4
commit 11a620fefb
2 changed files with 9 additions and 3 deletions

View File

@ -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);

View File

@ -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" }}