From 9fb4f6aad900cf4133986b424e3d8b07effcd940 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Thu, 17 Apr 2025 11:22:16 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=AA=A8=EB=93=88=20API=20=EA=B6=8C?=
 =?UTF-8?q?=ED=95=9C=20=EA=B4=80=EB=A6=AC=20=EC=9E=91=EC=97=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../module/api/role-authorization-service.ts  |  3 +-
 ...s.tsx => authorizations-table-columns.tsx} |  0
 .../model/role-authorizations-interface.ts    |  1 -
 .../module/ui/management-authority-dialog.tsx | 45 +++++++++++++++----
 apps/cs/src/pages/module/ui/module-page.tsx   |  2 +-
 5 files changed, 38 insertions(+), 13 deletions(-)
 rename apps/cs/src/pages/module/model/{table-columns.tsx => authorizations-table-columns.tsx} (100%)

diff --git a/apps/cs/src/pages/module/api/role-authorization-service.ts b/apps/cs/src/pages/module/api/role-authorization-service.ts
index 41dc3585b..92f2c8eb9 100644
--- a/apps/cs/src/pages/module/api/role-authorization-service.ts
+++ b/apps/cs/src/pages/module/api/role-authorization-service.ts
@@ -30,11 +30,10 @@ export class RoleAuthorizationsApiService implements RoleAuthorizationsService {
   }
 
   public async updateRoleAuthorizations(
-    authorizationNo: string,
     data: RoleAuthorizationsData,
   ): Promise<RoleAuthorizations> {
     const response = await client.put<RoleAuthorizations>(
-      `${ENDPOINT.USER_SERVICE.ROLE_AUTHORIZATIONS}/${authorizationNo}`,
+      `${ENDPOINT.USER_SERVICE.ROLE_AUTHORIZATIONS}`,
       data,
     );
     return response.data;
diff --git a/apps/cs/src/pages/module/model/table-columns.tsx b/apps/cs/src/pages/module/model/authorizations-table-columns.tsx
similarity index 100%
rename from apps/cs/src/pages/module/model/table-columns.tsx
rename to apps/cs/src/pages/module/model/authorizations-table-columns.tsx
diff --git a/apps/cs/src/pages/module/model/role-authorizations-interface.ts b/apps/cs/src/pages/module/model/role-authorizations-interface.ts
index 5405eb3ac..ea6b29808 100644
--- a/apps/cs/src/pages/module/model/role-authorizations-interface.ts
+++ b/apps/cs/src/pages/module/model/role-authorizations-interface.ts
@@ -38,7 +38,6 @@ export interface RoleAuthorizationsService {
     data: RoleAuthorizationsData,
   ) => Promise<RoleAuthorizations>;
   updateRoleAuthorizations: (
-    authorizationNo: string,
     data: RoleAuthorizationsData,
   ) => Promise<RoleAuthorizations>;
 }
diff --git a/apps/cs/src/pages/module/ui/management-authority-dialog.tsx b/apps/cs/src/pages/module/ui/management-authority-dialog.tsx
index ce13ffbe7..5a84e068b 100644
--- a/apps/cs/src/pages/module/ui/management-authority-dialog.tsx
+++ b/apps/cs/src/pages/module/ui/management-authority-dialog.tsx
@@ -18,13 +18,19 @@ import {
   DialogHeader,
   DialogTitle,
   DialogTrigger,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
 } from "@common/components/ui";
 import { ENDPOINT } from "@/shared/config";
 import { useAlertStore } from "@/shared/lib/use-alert-store";
 import {
-  roleAuthorizationFormSchema,
-  type RoleAuthorizationFormData,
-  type RoleAuthorizationData,
+  roleAuthorizationsFormSchema,
+  type RoleAuthorizationsFormData,
+  type RoleAuthorizationsData,
 } from "../model/role-authorizations-interface";
 import { columns } from "../model/role-authorizations-table-columns";
 import type { Authorizations } from "../model/authorizations-interface";
@@ -37,6 +43,7 @@ type ManagementAuthorityDialogProps = {
 
 function ManagementAuthorityDialog({
   authorizationNo,
+  rowData,
   ...props
 }: ManagementAuthorityDialogProps) {
   const { confirm } = useConfirm();
@@ -53,15 +60,15 @@ function ManagementAuthorityDialog({
   });
 
   const { mutateAsync: saveRoleAuthorization } = useMutation({
-    mutationFn: (data: RoleAuthorizationData) =>
-      RoleAuthorizationsApi.createRoleAuthorization(data),
+    mutationFn: (data: RoleAuthorizationsData) =>
+      RoleAuthorizationsApi.createRoleAuthorizations(data),
     onSuccess: () => {
       alert("저장되었습니다.");
     },
   });
 
-  const form = useForm<RoleAuthorizationFormData>({
-    resolver: zodResolver(roleAuthorizationFormSchema),
+  const form = useForm<RoleAuthorizationsFormData>({
+    resolver: zodResolver(roleAuthorizationsFormSchema),
     values: {
       roleAuthorizations: roleAuthorizationList?.content ?? [],
     },
@@ -88,14 +95,34 @@ function ManagementAuthorityDialog({
     <Dialog {...props}>
       <DialogTrigger asChild>
         <Button size="sm" onClick={() => setIsOpened(true)}>
-          권한관리
+          관리
         </Button>
       </DialogTrigger>
       <DialogContent className="max-w-[60rem]" aria-describedby={undefined}>
         <DialogHeader>
           <DialogTitle>모듈API 권한관리</DialogTitle>
         </DialogHeader>
-        <DataTable table={table} />
+        <div className="flex flex-col gap-8">
+          <Table variant="line">
+            <TableHeader>
+              <TableRow>
+                <TableHead>API명</TableHead>
+                <TableHead>요청 메소드</TableHead>
+                <TableHead>API URL</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              <TableRow>
+                <TableCell align="center">
+                  {rowData?.authorizationName}
+                </TableCell>
+                <TableCell align="center">{rowData?.httpMethodCode}</TableCell>
+                <TableCell align="center">{rowData?.urlPatternValue}</TableCell>
+              </TableRow>
+            </TableBody>
+          </Table>
+          <DataTable table={table} />
+        </div>
         <DialogFooter className="!justify-center">
           <Button size="lg" onClick={handleSave}>
             허용
diff --git a/apps/cs/src/pages/module/ui/module-page.tsx b/apps/cs/src/pages/module/ui/module-page.tsx
index 9401941d7..b6c98cb14 100644
--- a/apps/cs/src/pages/module/ui/module-page.tsx
+++ b/apps/cs/src/pages/module/ui/module-page.tsx
@@ -15,7 +15,7 @@ import type {
   Authorizations,
   AuthorizationsParams,
 } from "../model/authorizations-interface";
-import { columns } from "../model/table-columns";
+import { columns } from "../model/authorizations-table-columns";
 import { AuthorizationsApi } from "../api/authorization-service";
 
 function ModulePage() {