[apps/cs] feat: 회원 상태 뱃지로 표시 (CS_UT05010109)

apps/cs/src/entities/user/index.ts

@@ -4,6 +4,7 @@ export {
   userSaveSchema,
   userPasswordUpdateSchema,
   userUpdateSchema,
+  type UserStateCode,
   type UserSearchParams,
   type UserListResponse,
   type UserSaveData,

apps/cs/src/entities/user/model/user-interface.ts

@@ -9,7 +9,8 @@ export const USER_STATE_CODE = {
   삭제: "09",
 } as const;
 
-type UserStateCode = (typeof USER_STATE_CODE)[keyof typeof USER_STATE_CODE];
+export type UserStateCode =
+  (typeof USER_STATE_CODE)[keyof typeof USER_STATE_CODE];
 
 // 사용자 검색 파라미터
 export interface UserSearchParams extends PageableParams {

apps/cs/src/pages/users/model/table-columns.tsx

@@ -1,6 +1,11 @@
 import dayjs from "dayjs";
 import type { ColumnDef } from "@tanstack/react-table";
-import type { UserListResponse } from "@/entities/user";
+import {
+  USER_STATE_CODE,
+  type UserListResponse,
+  type UserStateCode,
+} from "@/entities/user";
+import { Badge } from "@common/components";
 
 export const columns: ColumnDef<UserListResponse>[] = [
   {
@@ -42,8 +47,11 @@ export const columns: ColumnDef<UserListResponse>[] = [
     header: "기관/부서",
   },
   {
-    accessorKey: "userStateCodeName",
+    accessorKey: "userStateCode",
     header: "회원상태",
+    cell: ({ row }) => {
+      return getUserStateBadge(row.original.userStateCode);
+    },
   },
   {
     accessorKey: "aprvYmd",
@@ -63,3 +71,18 @@ export const columns: ColumnDef<UserListResponse>[] = [
     },
   },
 ];
+
+const getUserStateBadge = (userStateCode: UserStateCode) => {
+  switch (userStateCode) {
+    case USER_STATE_CODE.대기:
+      return <Badge color="gray">대기</Badge>;
+    case USER_STATE_CODE.정상:
+      return <Badge color="green">정상</Badge>;
+    case USER_STATE_CODE.정지:
+      return <Badge color="yellow">정지</Badge>;
+    case USER_STATE_CODE.탈퇴:
+      return <Badge color="purple">탈퇴</Badge>;
+    case USER_STATE_CODE.삭제:
+      return <Badge color="red">삭제</Badge>;
+  }
+};

apps/cs/src/pages/users/ui/create-page.tsx

@@ -16,20 +16,11 @@ function CreatePage() {
     defaultValues: {
       userId: "",
       userName: "",
-      email: "",
       password: "",
       pswdHnt: "",
-      pswdAns: "",
-      mphn: "",
-      telno: "",
-      zip: "",
-      addr: "",
-      daddr: "",
       laeSeCd: "",
       ogdpSeCd: "",
       expryYmd: "",
-      instSeCd: "",
-      enoCd: "",
     },
   });