Skip to content

feat(web): 멘토 수정 플로팅 버튼 및 합격 레시피 노출#500

Merged
manNomi merged 1 commit intomainfrom
codex/mentor-modify-floating-pass-tip
Apr 26, 2026
Merged

feat(web): 멘토 수정 플로팅 버튼 및 합격 레시피 노출#500
manNomi merged 1 commit intomainfrom
codex/mentor-modify-floating-pass-tip

Conversation

@manNomi
Copy link
Copy Markdown
Contributor

@manNomi manNomi commented Apr 19, 2026

관련 이슈

  • resolves: 없음

작업 내용

  • 멘토 프로필 수정 페이지(/mentor/modify)의 수정하기 버튼을 하단 플로팅 버튼으로 변경했습니다.
  • 플로팅 버튼에 콘텐츠가 가려지지 않도록 수정 폼 본문 하단 여백(pb-36)을 추가했습니다.
  • 나의 멘토 페이지 카드 확장 UI에서 누락되던 합격 레시피 데이터를 기존 섹션 디자인과 동일한 스타일로 추가 노출했습니다.
  • 합격 레시피 값이 비어있는 경우 정보가 없습니다. 문구를 표시하도록 처리했습니다.

특이 사항

  • 기존 버튼의 시각 스타일(색상/라운드/텍스트)은 유지한 채 위치만 플로팅 형태로 이동했습니다.

리뷰 요구사항 (선택)

  • 멘토 프로필 수정 화면에서 스크롤 시에도 수정하기 버튼이 하단에 고정 노출되는지 확인 부탁드립니다.
  • 나의 멘토 페이지에서 카드 펼침 시 멘토 한마디 아래 합격 레시피가 정상 노출되는지 확인 부탁드립니다.

@manNomi manNomi requested review from enunsnv and wibaek as code owners April 19, 2026 09:20
@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 19, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
solid-connection-web Ready Ready Preview, Comment Apr 19, 2026 9:22am
1 Skipped Deployment
Project Deployment Actions Updated (UTC)
solid-connect-web-admin Skipped Skipped Apr 19, 2026 9:22am

@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented Apr 19, 2026

Walkthrough

이 pull request는 멘토 기능 관련 두 개의 UI 개선사항을 포함합니다. 각 변경사항은 사용자 경험을 향상시키기 위한 레이아웃 및 표시 방식 개선을 다루고 있습니다.

  1. ModifyContent 컴포넌트의 제출 버튼 UI 재구성
    기존의 폼 푸터 영역에 중앙 정렬되어 있던 "수정하기" 버튼을 제거하고, 고정 위치 기반의 하단 액션 바로 변경했습니다. 이에 따라 채널 관리 섹션 래퍼에 추가 하단 패딩을 적용하여 새로운 고정 제출 바와의 겹침을 방지했습니다.

  2. MentorCard 컴포넌트에 합격 레시피 섹션 추가
    상세 보기 모드에서만 표시되는 "합격 레시피" 섹션이 새로이 추가되었습니다. 이 섹션은 데이터가 있을 때 합격 팁을 표시하고, 없을 경우 "정보가 없습니다." 안내문을 보여줍니다.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

Suggested reviewers

  • wibaek
  • enunsnv
🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check name Status Explanation
Title check ✅ Passed PR 제목은 두 가지 주요 변경 사항을 명확하게 요약하고 있습니다: 멘토 수정 페이지의 플로팅 버튼과 합격 레시피 노출.
Description check ✅ Passed PR 설명은 템플릿 구조를 따르며 작업 내용, 특이 사항, 리뷰 요구사항이 모두 충실하게 작성되어 있습니다.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

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

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch codex/mentor-modify-floating-pass-tip

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

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

Copy link
Copy Markdown

@coderabbitai coderabbitai Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@apps/web/src/components/mentor/MentorCard/index.tsx`:
- Around line 72-78: The passTip fallback currently uses truthiness so strings
with only whitespace like "   " bypass the fallback; update the render logic in
MentorCard (symbols: passTip, isDetail) to treat blank/whitespace-only values as
empty by using trim()—for example compute a display value (e.g., displayPassTip
= passTip?.trim() ? passTip : "정보가 없습니다.") or use a conditional expression
(passTip && passTip.trim() ? passTip : "정보가 없습니다.") when rendering the paragraph
so whitespace-only passTip shows "정보가 없습니다.".
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 8102a968-3786-4e71-9e4e-5cccdb27e215

📥 Commits

Reviewing files that changed from the base of the PR and between 254dacc and fbeff4a.

📒 Files selected for processing (2)
  • apps/web/src/app/mentor/modify/_ui/ModifyContent/index.tsx
  • apps/web/src/components/mentor/MentorCard/index.tsx

Comment on lines +72 to +78
{/* 합격 레시피 */}
{isDetail && (
<div className="mb-4">
<h4 className="mb-2 text-blue-600 typo-medium-5">합격 레시피</h4>
<p className="text-k-500 typo-regular-2">{passTip || "정보가 없습니다."}</p>
</div>
)}
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

2. 공백만 있는 합격 레시피도 빈 값으로 처리해 주세요.

- 지금은 `"   "` 같은 값이 들어오면 빈 화면처럼 보이지만 fallback 문구는 나오지 않습니다. PR 목표처럼 비어 있는 값에는 `정보가 없습니다.`가 보이도록 `trim()` 기준으로 판정하는 편이 안전합니다.
🐇 빠른 수정안
-              <p className="text-k-500 typo-regular-2">{passTip || "정보가 없습니다."}</p>
+              <p className="text-k-500 typo-regular-2">{passTip?.trim() || "정보가 없습니다."}</p>
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@apps/web/src/components/mentor/MentorCard/index.tsx` around lines 72 - 78,
The passTip fallback currently uses truthiness so strings with only whitespace
like "   " bypass the fallback; update the render logic in MentorCard (symbols:
passTip, isDetail) to treat blank/whitespace-only values as empty by using
trim()—for example compute a display value (e.g., displayPassTip =
passTip?.trim() ? passTip : "정보가 없습니다.") or use a conditional expression
(passTip && passTip.trim() ? passTip : "정보가 없습니다.") when rendering the paragraph
so whitespace-only passTip shows "정보가 없습니다.".

@manNomi manNomi merged commit ef70e22 into main Apr 26, 2026
10 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant