From 65d648d30b5f2e97ce645c6f00e2ddb71bfbd0f3 Mon Sep 17 00:00:00 2001
From: dohyeons <ddhhss0603@gmail.com>
Date: Tue, 26 Aug 2025 11:10:34 +0900
Subject: [PATCH] =?UTF-8?q?=EC=83=81=ED=83=9C=20=EB=B3=80=EA=B2=BD=20?=
 =?UTF-8?q?=EB=AA=A8=EB=8B=AC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../admin/UserStatusConfirmDialog.tsx         | 24 ++++++++++++-------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/frontend/components/admin/UserStatusConfirmDialog.tsx b/frontend/components/admin/UserStatusConfirmDialog.tsx
index 88ecbac5..72ab1aa3 100644
--- a/frontend/components/admin/UserStatusConfirmDialog.tsx
+++ b/frontend/components/admin/UserStatusConfirmDialog.tsx
@@ -7,7 +7,7 @@ import {
   DialogTitle,
 } from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
-import { User } from "@/types/user";
+import { User, USER_STATUS_LABELS } from "@/types/user";
 
 interface UserStatusConfirmDialogProps {
   user: User | null;
@@ -29,8 +29,12 @@ export function UserStatusConfirmDialog({
 }: UserStatusConfirmDialogProps) {
   if (!user) return null;
 
-  const statusText = newStatus === "active" ? "활성" : "비활성";
-  const statusColor = newStatus === "active" ? "text-blue-600" : "text-gray-600";
+  // 현재 상태와 새로운 상태의 텍스트 및 색상
+  const currentStatusText = USER_STATUS_LABELS[user.status as keyof typeof USER_STATUS_LABELS] || user.status;
+  const newStatusText = USER_STATUS_LABELS[newStatus as keyof typeof USER_STATUS_LABELS] || newStatus;
+
+  const currentStatusColor = user.status === "active" ? "text-blue-600" : "text-gray-600";
+  const newStatusColor = newStatus === "active" ? "text-blue-600" : "text-gray-600";
 
   return (
     <Dialog open={isOpen} onOpenChange={(open) => !open && onCancel()}>
@@ -41,16 +45,20 @@ export function UserStatusConfirmDialog({
         </DialogHeader>
 
         <div className="py-4">
-          <div className="space-y-2">
+          <div className="space-y-3">
             <div className="flex items-center gap-2">
-              <span className="text-muted-foreground text-sm">사용자:</span>
+              <span className="text-muted-foreground w-16 text-sm">사용자:</span>
               <span className="font-medium">
-                {user.user_name} ({user.user_id})
+                {user.userName} ({user.userId})
               </span>
             </div>
             <div className="flex items-center gap-2">
-              <span className="text-muted-foreground text-sm">변경할 상태:</span>
-              <span className={`font-medium ${statusColor}`}>{statusText}</span>
+              <span className="text-muted-foreground w-16 text-sm">상태 변경:</span>
+              <div className="flex items-center gap-2">
+                <span className={`font-medium ${currentStatusColor}`}>{currentStatusText}</span>
+                <span className="text-muted-foreground">→</span>
+                <span className={`font-medium ${newStatusColor}`}>{newStatusText}</span>
+              </div>
             </div>
           </div>
         </div>