From 6a99d1f0d86e45b0f04312b62b84990016611981 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Fri, 8 Aug 2025 14:20:59 +0900
Subject: [PATCH] =?UTF-8?q?[apps/cs]=20feat:=20=EA=B6=8C=ED=95=9C=EB=A7=B5?=
 =?UTF-8?q?=ED=95=91=20=EB=8B=A4=EC=9D=B4=EC=96=BC=EB=A1=9C=EA=B7=B8=20?=
 =?UTF-8?q?=EA=B2=80=EC=83=89=20=EC=A1=B0=EA=B1=B4=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../model/role-authorization-interface.ts     |  1 +
 .../src/pages/role/ui/mapping-role-dialog.tsx | 31 +++++++++++++------
 2 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/apps/cs/src/entities/role-authorization/model/role-authorization-interface.ts b/apps/cs/src/entities/role-authorization/model/role-authorization-interface.ts
index cf18ae582..16d80de53 100644
--- a/apps/cs/src/entities/role-authorization/model/role-authorization-interface.ts
+++ b/apps/cs/src/entities/role-authorization/model/role-authorization-interface.ts
@@ -11,6 +11,7 @@ export interface WithRoleIdRoleAuthorizationsParams extends PageableParams {
   keywordType?: string;
   keyword?: string;
   roleId?: string;
+  siteId?: string;
 }
 
 export interface RoleAuthorizations {
diff --git a/apps/cs/src/pages/role/ui/mapping-role-dialog.tsx b/apps/cs/src/pages/role/ui/mapping-role-dialog.tsx
index 1f8de050d..5377f6a7b 100644
--- a/apps/cs/src/pages/role/ui/mapping-role-dialog.tsx
+++ b/apps/cs/src/pages/role/ui/mapping-role-dialog.tsx
@@ -40,9 +40,12 @@ function MappingRoleDialog({
   const queryClient = useQueryClient();
   const alert = useAlertStore((state) => state.setMessage);
   const inputRef = useRef<HTMLInputElement>(null);
+  const [keywordType, setKeywordType] = useState("");
+  const [siteId, setSiteId] = useState("");
   const [searchParams, setSearchParams] = useState({
     keyword: "",
-    keywordType: "authorizationName",
+    keywordType: "",
+    siteId: "",
   });
 
   const query = useQuery({
@@ -85,18 +88,20 @@ function MappingRoleDialog({
     const formData = new FormData(e.target as HTMLFormElement);
     const keyword = formData.get("keyword") as string;
     setSearchParams({
-      ...searchParams,
       keyword,
+      keywordType,
+      siteId: siteId === "ALL" ? "" : siteId,
     });
   };
 
   const handleReset = () => {
-    if (inputRef.current) {
-      inputRef.current.value = "";
-    }
+    if (inputRef.current) inputRef.current.value = "";
+    setKeywordType("");
+    setSiteId("");
     setSearchParams({
-      ...searchParams,
       keyword: "",
+      keywordType: "",
+      siteId: "",
     });
   };
 
@@ -119,14 +124,22 @@ function MappingRoleDialog({
         </DialogHeader>
         <div className="flex items-center justify-between">
           <form onSubmit={handleSubmit} className="flex items-center gap-2">
-            <SiteSelect enabledAllSite />
-            <Select>
+            <SiteSelect
+              value={siteId}
+              onValueChange={(value) => setSiteId(value)}
+              enabledAllSite
+            />
+            <Select
+              value={keywordType}
+              onValueChange={(value) => setKeywordType(value)}
+            >
               <SelectTrigger className="w-[12rem]">
                 <SelectValue placeholder="선택" />
               </SelectTrigger>
               <SelectContent>
                 <SelectItem value="authorizationName">API명</SelectItem>
-                <SelectItem value="urlPatternValue">API URL</SelectItem>
+                <SelectItem value="urlPatternValue">URL주소</SelectItem>
+                <SelectItem value="httpMethodCode">전송방식</SelectItem>
               </SelectContent>
             </Select>
             <Input