diff --git a/apps/cs/src/pages/groups/ui/add-user-dialog.tsx b/apps/cs/src/pages/groups/ui/add-user-dialog.tsx index f2a1b68a2..1b94048fc 100644 --- a/apps/cs/src/pages/groups/ui/add-user-dialog.tsx +++ b/apps/cs/src/pages/groups/ui/add-user-dialog.tsx @@ -23,6 +23,11 @@ import { Input, Checkbox, Label, + Select, + SelectValue, + SelectContent, + SelectItem, + SelectTrigger, } from "@common/components"; import { UserApi, @@ -42,9 +47,11 @@ function AddUserDialog({ groupId }: AdditionalUserDialogProps) { const alert = useAlertStore((state) => state.setMessage); const [open, setOpen] = useState(false); - const [userName, setUserName] = useState(""); + const [keywordType, setKeywordType] = useState("all"); + const [keyword, setKeyword] = useState(""); const [searchParam, setSearchParam] = useState({ - userName: "", + keywordType: "all", + keyword: "", }); const [pagination, setPagination] = useState({ pageIndex: 0, @@ -156,7 +163,7 @@ function AddUserDialog({ groupId }: AdditionalUserDialogProps) { ...pagination, pageIndex: 0, }); - setSearchParam({ userName }); + setSearchParam({ keywordType, keyword }); }; const resetSearch = () => { @@ -164,8 +171,8 @@ function AddUserDialog({ groupId }: AdditionalUserDialogProps) { pageIndex: 0, pageSize: 10, }); - setUserName(""); - setSearchParam({ userName: "" }); + setKeyword(""); + setSearchParam({ keywordType: "all", keyword: "" }); setUserRowSelection({}); }; @@ -184,15 +191,26 @@ function AddUserDialog({ groupId }: AdditionalUserDialogProps) {
- + setUserName(e.target.value)} - placeholder="사용자 이름으로 검색" + value={keyword} + onChange={(e) => setKeyword(e.target.value)} + className="!text-[1.3rem]" + placeholder="검색어를 입력하세요" />