From 954735928c9c30afd30e2eab241672fe477fad1a Mon Sep 17 00:00:00 2001
From: pa <maplenagisa@gmail.com>
Date: Tue, 20 Jan 2026 15:11:13 +0900
Subject: [PATCH] user dropdown destructive button color fix

---
 .../dialogs/UserDialog/UserActionDropdown.vue      | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/dialogs/UserDialog/UserActionDropdown.vue b/src/components/dialogs/UserDialog/UserActionDropdown.vue
index 221ee73c..74a71544 100644
--- a/src/components/dialogs/UserDialog/UserActionDropdown.vue
+++ b/src/components/dialogs/UserDialog/UserActionDropdown.vue
@@ -21,7 +21,7 @@
         <DropdownMenu>
             <DropdownMenuTrigger as-child>
                 <div class="ml-2">
-                    <Button variant="outline" size="icon-lg" class="rounded-full">
+                    <Button :variant="hasRisk ? 'destructive' : 'outline'" size="icon-lg" class="rounded-full">
                         <MoreHorizontal />
                         <span
                             class="absolute right-6 top-15.5 h-2.5 w-2.5 rounded-full ring-2 ring-background"
@@ -271,12 +271,18 @@
     const { lastLocation } = storeToRefs(useLocationStore());
 
     const hasRequest = computed(() => userDialog.value.incomingRequest || userDialog.value.outgoingRequest);
-    const hasRisk = computed(() => userDialog.value.isBlock || userDialog.value.isMute);
+    const hasRisk = computed(
+        () =>
+            userDialog.value.isBlock ||
+            userDialog.value.isMute ||
+            userDialog.value.isMuteChat ||
+            userDialog.value.isInteractOff ||
+            userDialog.value.isHideAvatar
+    );
 
     const dotClass = computed(() => {
         if (hasRequest.value) return 'bg-emerald-500';
-        if (hasRisk.value) return 'bg-destructive';
-        return null;
+        return 'opacity-0';
     });
 
     function onCommand(command) {