From 622515485cf42c51a771b1c72ffe73a66be2282e Mon Sep 17 00:00:00 2001
From: Jay Sheen <jay.sheen@bpsoft.co.kr>
Date: Fri, 21 Nov 2025 16:22:12 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B3=84=EC=A0=95=20=EA=B4=80=EB=A6=AC=20?=
 =?UTF-8?q?=EC=82=AC=EC=9A=A9=EC=9E=90=20=EB=AA=A9=EB=A1=9D=EC=97=90=20?=
 =?UTF-8?q?=EC=83=81=ED=83=9C(=EC=82=AC=EC=9A=A9/=EB=AF=B8=EC=82=AC?=
 =?UTF-8?q?=EC=9A=A9)=20=ED=91=9C=EC=8B=9C=20=EB=B0=8F=20=EB=8B=A4?=
 =?UTF-8?q?=EA=B5=AD=EC=96=B4=20=EC=A7=80=EC=9B=90=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- status prop에 따라 사용(NORMAL)/미사용(SUSPENDED) 배지 표시
- tag-pill 클래스를 활용한 파란색/빨간색 상태 구분 디자인 적용
- react-i18next를 통한 다국어 지원 (한국어: 사용/미사용, English: Active/Inactive)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/entities/account/ui/user-manage-auth-item.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/entities/account/ui/user-manage-auth-item.tsx b/src/entities/account/ui/user-manage-auth-item.tsx
index 2c12954..9b90abe 100644
--- a/src/entities/account/ui/user-manage-auth-item.tsx
+++ b/src/entities/account/ui/user-manage-auth-item.tsx
@@ -1,5 +1,6 @@
 import { PATHS } from '@/shared/constants/paths';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
+import { useTranslation } from 'react-i18next';
 import { UserManageAuthItemProps } from '../model/types';
 
 export const UserManageAuthItem = ({
@@ -9,6 +10,7 @@ export const UserManageAuthItem = ({
   status,
 }: UserManageAuthItemProps) => {
   const { navigate } = useNavigate();
+  const { t } = useTranslation();
 
   const handleClick = () => {
     navigate(PATHS.account.user.loginAuthInfo, {
@@ -16,9 +18,14 @@ export const UserManageAuthItem = ({
     });
   };
 
+  const isActive = status === 'NORMAL';
+
   return (
     <div className="auth-item" onClick={handleClick}>
       <div className="auth-item-left">
+        <span className={`tag-pill ${!isActive ? 'red' : ''}`}>
+          {isActive ? t('account.active') : t('account.inactive')}
+        </span>
         <span className="auth-name">{usrid}</span>
       </div>
       <span className="ic20 arrow-right"></span>