[feat] 문의하기 버튼 로직 추가

[ff1451]

Summary by CodeRabbit

• New Features

  • 마이페이지에서 관리자 문의하기 기능 추가. 문의 버튼을 클릭하면 관리자와의 채팅방이 생성되고 자동으로 이동합니다.

• Style

  • 모집 공고 작성 영역의 플레이스홀더 텍스트 수정.

[coderabbitai]

📝 Walkthrough

요약

관리자 채팅방 생성 API 엔드포인트(postAdminChatRoom)를 새로 추가하고, 사용자 마이페이지에서 기존 고정 메뉴 항목을 제거한 후 React Query 뮤테이션을 통한 동적 "문의하기" 버튼으로 대체하였습니다. 버튼 클릭 시 관리자 채팅방이 생성되고 자동으로 해당 채팅 페이지로 네비게이션됩니다.

가능한 관련 이슈

• [feat] 문의하기 버튼 로직 추가 #119: 동일한 "문의하기" 버튼 로직 및 관리자 채팅방 생성 플로우를 구현하고 있어 중복 작업 여부 확인 필요

🚥 Pre-merge checks | ✅ 2

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	PR 제목이 변경사항의 핵심을 명확하게 반영합니다. 문의하기 버튼 로직 추가라는 주요 변경사항을 정확히 설명하고 있습니다.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch 119-feat-문의하기-버튼-로직-추가

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

🧹 Nitpick comments (1)

src/pages/User/MyPage/index.tsx (1)

31-36: 에러 처리 및 로딩 상태 추가 권장

mutation 실패 시 사용자 피드백이 없고, 요청 중 버튼 중복 클릭 방지가 없습니다.

♻️ 개선 제안

-  const { mutate: goToAdminChat } = useMutation({
+  const { mutate: goToAdminChat, isPending } = useMutation({
     mutationFn: postAdminChatRoom,
     onSuccess: ({ chatRoomId }) => {
       navigate(`/chats/${chatRoomId}`);
     },
+    onError: () => {
+      // 에러 처리 (toast 또는 alert)
+    },
   });

버튼에도 disabled={isPending} 추가:

   <button
     onClick={() => goToAdminChat()}
-    className="bg-indigo-0 active:bg-indigo-5 w-full rounded-sm text-left transition-colors"
+    disabled={isPending}
+    className="bg-indigo-0 active:bg-indigo-5 w-full rounded-sm text-left transition-colors disabled:opacity-50"
   >

🤖 Prompt for AI Agents

Verify each finding against the current code and only fix it if needed.

In `@src/pages/User/MyPage/index.tsx` around lines 31 - 36, The mutation call
using useMutation (mutationFn: postAdminChatRoom, mutate alias goToAdminChat)
lacks error handling and a loading state; update the useMutation call to provide
an onError handler that surfaces the error to the user (e.g., set an error state
or call a toast) and expose the mutation loading flag (isLoading/isPending) from
useMutation, then pass that flag to the triggering Button as
disabled={isLoading} (or disabled={isPending}) to prevent duplicate clicks; keep
navigate(`/chats/${chatRoomId}`) in onSuccess unchanged and ensure any error
state is cleared on success.

🤖 Prompt for all review comments with AI agents

Verify each finding against the current code and only fix it if needed.

Nitpick comments:
In `@src/pages/User/MyPage/index.tsx`:
- Around line 31-36: The mutation call using useMutation (mutationFn:
postAdminChatRoom, mutate alias goToAdminChat) lacks error handling and a
loading state; update the useMutation call to provide an onError handler that
surfaces the error to the user (e.g., set an error state or call a toast) and
expose the mutation loading flag (isLoading/isPending) from useMutation, then
pass that flag to the triggering Button as disabled={isLoading} (or
disabled={isPending}) to prevent duplicate clicks; keep
navigate(`/chats/${chatRoomId}`) in onSuccess unchanged and ensure any error
state is cleared on success.