From 4d11d3e554bf7a10dd7fd7810f082e7f8a1c004a Mon Sep 17 00:00:00 2001
From: chan <b24028@hanmaceng.co.kr>
Date: Thu, 19 Mar 2026 11:21:03 +0900
Subject: [PATCH] feat: disable remove button for self and last admin/owner in
 UI

---
 .../routes/TenantAdminsAndOwnersTab.tsx       | 69 +++++++++++++++----
 1 file changed, 57 insertions(+), 12 deletions(-)

diff --git a/adminfront/src/features/tenants/routes/TenantAdminsAndOwnersTab.tsx b/adminfront/src/features/tenants/routes/TenantAdminsAndOwnersTab.tsx
index 80841deb..56112c98 100644
--- a/adminfront/src/features/tenants/routes/TenantAdminsAndOwnersTab.tsx
+++ b/adminfront/src/features/tenants/routes/TenantAdminsAndOwnersTab.tsx
@@ -10,6 +10,7 @@ import {
   Users,
 } from "lucide-react";
 import { useState } from "react";
+import { useAuth } from "react-oidc-context";
 import { useParams } from "react-router-dom";
 import { toast } from "sonner";
 import { Badge } from "../../../components/ui/badge";
@@ -52,6 +53,8 @@ import { t } from "../../../lib/i18n";
 type DialogMode = "owner" | "admin";
 
 export function TenantAdminsAndOwnersTab() {
+  const auth = useAuth();
+  const currentUserId = auth.user?.profile.sub;
   const { tenantId } = useParams<{ tenantId: string }>();
   const queryClient = useQueryClient();
   const [searchTerm, setSearchTerm] = useState("");
@@ -289,15 +292,36 @@ export function TenantAdminsAndOwnersTab() {
                         <Button
                           variant="ghost"
                           size="icon"
-                          className="opacity-0 group-hover:opacity-100 text-destructive hover:text-destructive hover:bg-destructive/10 transition-all"
+                          className={`opacity-0 group-hover:opacity-100 transition-all ${
+                            owner.id === currentUserId ||
+                            currentOwners.length <= 1
+                              ? "opacity-50 cursor-not-allowed"
+                              : "text-destructive hover:text-destructive hover:bg-destructive/10"
+                          }`}
                           onClick={() =>
                             handleRemoveOwner(owner.id, owner.name)
                           }
-                          disabled={removeOwnerMutation.isPending}
-                          title={t(
-                            "ui.admin.tenants.owners.remove_title",
-                            "소유자 권한 회수",
-                          )}
+                          disabled={
+                            removeOwnerMutation.isPending ||
+                            owner.id === currentUserId ||
+                            currentOwners.length <= 1
+                          }
+                          title={
+                            owner.id === currentUserId
+                              ? t(
+                                  "msg.admin.tenants.owners.remove_self",
+                                  "본인의 권한은 회수할 수 없습니다.",
+                                )
+                              : currentOwners.length <= 1
+                                ? t(
+                                    "msg.admin.tenants.owners.remove_last",
+                                    "마지막 소유자는 회수할 수 없습니다.",
+                                  )
+                                : t(
+                                    "ui.admin.tenants.owners.remove_title",
+                                    "소유자 권한 회수",
+                                  )
+                          }
                         >
                           <Trash2 className="h-4 w-4" />
                         </Button>
@@ -395,15 +419,36 @@ export function TenantAdminsAndOwnersTab() {
                         <Button
                           variant="ghost"
                           size="icon"
-                          className="opacity-0 group-hover:opacity-100 text-destructive hover:text-destructive hover:bg-destructive/10 transition-all"
+                          className={`opacity-0 group-hover:opacity-100 transition-all ${
+                            admin.id === currentUserId ||
+                            currentAdmins.length <= 1
+                              ? "opacity-50 cursor-not-allowed"
+                              : "text-destructive hover:text-destructive hover:bg-destructive/10"
+                          }`}
                           onClick={() =>
                             handleRemoveAdmin(admin.id, admin.name)
                           }
-                          disabled={removeAdminMutation.isPending}
-                          title={t(
-                            "ui.admin.tenants.admins.remove_title",
-                            "관리자 권한 회수",
-                          )}
+                          disabled={
+                            removeAdminMutation.isPending ||
+                            admin.id === currentUserId ||
+                            currentAdmins.length <= 1
+                          }
+                          title={
+                            admin.id === currentUserId
+                              ? t(
+                                  "msg.admin.tenants.admins.remove_self",
+                                  "본인의 권한은 회수할 수 없습니다.",
+                                )
+                              : currentAdmins.length <= 1
+                                ? t(
+                                    "msg.admin.tenants.admins.remove_last",
+                                    "마지막 관리자는 회수할 수 없습니다.",
+                                  )
+                                : t(
+                                    "ui.admin.tenants.admins.remove_title",
+                                    "관리자 권한 회수",
+                                  )
+                          }
                         >
                           <Trash2 className="h-4 w-4" />
                         </Button>