Skip to content

feat: 견적 상세 페이지의 공유 기능 제거 - #50

Merged
yooseohyeon merged 3 commits into
devfrom
feature/remove-estimate-detail-sharing
Aug 1, 2026
Merged

feat: 견적 상세 페이지의 공유 기능 제거#50
yooseohyeon merged 3 commits into
devfrom
feature/remove-estimate-detail-sharing

Conversation

@yooseohyeon

@yooseohyeon yooseohyeon commented Aug 1, 2026

Copy link
Copy Markdown
Collaborator

📋 작업 내용

  • 링크·SNS 공유 기능의 적용 범위를 기사 상세 페이지로 한정했습니다.
  • 견적 상세 페이지에 적용된 공유 UI와 견적 전용 OG 메타데이터를 제거했습니다.
  • 기존 공용 공유 컴포넌트를 기사 상세 전용 컴포넌트로 분리했습니다.

🔥 변경 사항

  • EstimateDetailShare를 기사 상세 전용 MoverDetailShare로 변경

    • 기사 상세의 링크 복사와 카카오톡 공유 기능은 기존과 동일하게 유지
  • 받은 견적, 대기 견적, 견적 요청 상세에서 공유 UI 제거

    • 견적용 카카오톡 템플릿 타입, 공유 함수 및 환경변수 정리
    • 견적 공유 권한 안내와 관련 유틸 제거
  • 견적 상세 OG 메타데이터 정리

    • 견적 데이터를 조회해 생성하던 동적 OG 메타데이터 제거
    • 견적 상세 페이지의 기본 titledescription은 정적 메타데이터로 유지

✅ 체크리스트

  • 로컬에서 정상 동작을 확인했습니다.
  • 기존 기능에 영향을 주지 않는지 확인했습니다.
  • 불필요한 console.log를 제거했습니다.
  • lint를 통과했습니다.
  • README 또는 문서를 수정했습니다. (필요 시)
  • API 명세와 일치하는지 확인했습니다.

📷 스크린샷 (선택)

견적 상세 페이지에서 공유 영역 제거

localhost_3000_estimates_313

💬 To Reviewer

  • 견적 상세 페이지에서 공유 영역이 제거되었습니다.
  • 동적 OG만 제거하고 기본 정적 메타데이터는 유지했습니다.

Summary by CodeRabbit

  • 변경 사항
    • 견적 상세 화면의 공유 기능(링크 복사, 카카오톡 공유 등)이 제거되었습니다.
    • 기사 상세 화면에 링크 복사 및 카카오톡 공유 기능이 추가되었습니다.
    • 견적 상세 페이지의 제목과 설명이 고정된 메타데이터로 표시됩니다.
    • 견적 공유에 사용되던 설정 및 관련 안내가 정리되었습니다.

@coderabbitai

coderabbitai Bot commented Aug 1, 2026

Copy link
Copy Markdown

Review Change Stack

📝 Walkthrough

Walkthrough

견적 상세 페이지의 동적 메타데이터와 견적 공유 기능을 제거했습니다. 기사 상세 페이지에는 MoverDetailShare를 연결했습니다. Kakao 공유 API는 기사 공유 전용으로 정리했습니다.

Changes

견적 및 기사 상세 공유 변경

Layer / File(s) Summary
공유 API 및 메타데이터 정리
src/hooks/kakao/share.ts, src/lib/share/metadata.ts, src/lib/share/shareUrl.ts
견적 전용 Kakao 공유 타입과 함수를 제거했습니다. 견적 메타데이터 생성 API와 소유자 전용 공유 안내 API를 삭제했습니다.
견적 페이지 정적 메타데이터
src/app/estimates/.../page.tsx
세 견적 상세 페이지에서 generateMetadata를 제거하고 고정된 metadata를 추가했습니다.
견적 상세 공유 UI 제거
src/components/estimate/detail/EstimateDetailShare.tsx, src/components/estimate/detail/EstimateDetailView.tsx, src/components/estimate/pending/PendingEstimateDetailView.tsx, src/components/estimate/requests/EstimateRequestDetailView.tsx
EstimateDetailShare와 견적 공유 데이터, 공유 패널, 토스트 처리를 제거했습니다.
기사 상세 공유 컴포넌트 연결
src/components/mover/detail/MoverDetailShare.tsx, src/components/mover/detail/MoverDetailView.tsx, src/hooks/usePageShare.ts
링크 복사, Kakao 공유, 비활성화된 Facebook 버튼을 제공하는 MoverDetailShare를 모바일과 데스크톱 영역에 연결했습니다.

Estimated code review effort: 4 (Complex) | ~45 minutes

Sequence Diagram(s)

sequenceDiagram
  participant MoverDetailView
  participant MoverDetailShare
  participant usePageShare
  participant shareKakaoMoverCustom
  MoverDetailView->>MoverDetailShare: kakaoShare 및 onToastMessage 전달
  MoverDetailShare->>usePageShare: 링크 복사 요청
  MoverDetailShare->>shareKakaoMoverCustom: 기사 공유 templateArgs 전달
  shareKakaoMoverCustom-->>MoverDetailShare: 성공 또는 오류 콜백
Loading

Possibly related PRs

Suggested labels: ♻️ refactor

Suggested reviewers: 9g-g9

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (4 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed 견적 상세 페이지에서 공유 기능을 제거하는 주요 변경 사항을 정확하고 간결하게 설명합니다.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches 💡 1
📝 Generate docstrings 💡
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feature/remove-estimate-detail-sharing

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

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Actionable comments posted: 1

🧹 Nitpick comments (1)
src/components/mover/detail/MoverDetailShare.tsx (1)

11-30: 📐 Maintainability & Code Quality | 🔵 Trivial | ⚡ Quick win

공유 아이콘을 공통 아이콘으로 분리하세요.

src/icons/index.ts에는 카카오 공유 아이콘과 Facebook 아이콘이 없습니다. KakaoLoginIcon은 로그인용 로고라서 현재 공유 아이콘을 대체할 수 없습니다. 현재 SVG를 src/icons의 아이콘으로 이동하고 src/icons/index.ts에서 export한 뒤, interface 기반 props로 import해 사용하세요.

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@src/components/mover/detail/MoverDetailShare.tsx` around lines 11 - 30, Move
the SVG implementations from KakaoIcon and FacebookIcon into shared icons under
src/icons, export both through src/icons/index.ts, and replace the local
components with imports. Define their optional className props through the
shared icon interface, while preserving the current SVG paths and usage in
MoverDetailShare.

Sources: Coding guidelines, Path instructions

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/components/estimate/requests/EstimateRequestDetailView.tsx`:
- Around line 112-118: Update the EstimateDetailLayout usage in
EstimateRequestDetailView so the no-aside single-column content uses the full
available width at large breakpoints instead of the fixed lg:w-185 styling.
Apply the existing full-width or centering class through the relevant layout
class configuration while preserving the current multi-column behavior.

---

Nitpick comments:
In `@src/components/mover/detail/MoverDetailShare.tsx`:
- Around line 11-30: Move the SVG implementations from KakaoIcon and
FacebookIcon into shared icons under src/icons, export both through
src/icons/index.ts, and replace the local components with imports. Define their
optional className props through the shared icon interface, while preserving the
current SVG paths and usage in MoverDetailShare.
🪄 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: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 341cf410-5721-4250-9e18-e79d926656ca

📥 Commits

Reviewing files that changed from the base of the PR and between aff793f and 6ed925b.

📒 Files selected for processing (16)
  • .env.example
  • src/app/estimates/[estimateId]/page.tsx
  • src/app/estimates/pending/[estimateId]/page.tsx
  • src/app/estimates/requests/[estimateRequestId]/page.tsx
  • src/components/estimate/detail/EstimateDetailShare.tsx
  • src/components/estimate/detail/EstimateDetailView.tsx
  • src/components/estimate/pending/PendingEstimateDetailView.tsx
  • src/components/estimate/requests/EstimateRequestDetailView.tsx
  • src/components/mover/detail/MoverDetailShare.tsx
  • src/components/mover/detail/MoverDetailView.tsx
  • src/hooks/kakao/share.ts
  • src/hooks/usePageShare.ts
  • src/lib/kakao/shareTemplate.ts
  • src/lib/share/metadata.ts
  • src/lib/share/shareText.ts
  • src/lib/share/shareUrl.ts
💤 Files with no reviewable changes (5)
  • src/lib/share/shareUrl.ts
  • src/lib/share/shareText.ts
  • .env.example
  • src/components/estimate/detail/EstimateDetailShare.tsx
  • src/lib/kakao/shareTemplate.ts

Comment thread src/components/estimate/requests/EstimateRequestDetailView.tsx
@9g-g9

9g-g9 commented Aug 1, 2026

Copy link
Copy Markdown
Collaborator

공유 형식 바꾸신 것 고생 많으셨습니다!
크게 문제될 점도 없어 보이고, 메타 데이터 정리까지 깔끔하게 이뤄진 것 같습니다! 👍

@yooseohyeon
yooseohyeon merged commit 2d62b3a into dev Aug 1, 2026
1 check passed
export function getMoverShareTemplateId(): number | null {
return (
parseKakaoTemplateId(process.env.NEXT_PUBLIC_KAKAO_MOVER_SHARE_TEMPLATE_ID) ??
parseKakaoTemplateId(process.env.NEXT_PUBLIC_KAKAO_SHARE_TEMPLATE_ID)

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

이부분의 ?? parseKakaoTemplateId(process.env.NEXT_PUBLIC_KAKAO_SHARE_TEMPLATE_ID) 도 함께 삭제되면 깔끔할 것 같습니다.

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

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

체크해주셔서 감사합니다! 다음 작업 때 사용하지 않는 NEXT_PUBLIC_KAKAO_SHARE_TEMPLATE_ID 삭제 작업도 같이 하겠습니다!

@juengseulki

Copy link
Copy Markdown
Collaborator

📋 PR 리뷰

👍 좋았던 점

  • 견적 상세 페이지의 공유 정책 변경에 맞춰 받은 견적, 대기 견적, 견적 요청 상세에서 공유 UI를 모두 제거했습니다.
  • 공유 컴포넌트 호출만 제거한 것이 아니라, 공유 데이터 가공 로직과 관련 import까지 함께 정리해 불필요한 코드가 남지 않도록 했습니다.
  • 인증이 필요한 견적 데이터를 조회하던 동적 generateMetadata를 제거하고 기본 정적 메타데이터만 유지해, 외부 크롤러 접근 문제와 불필요한 서버 요청을 함께 정리했습니다.
  • 기존 공용 EstimateDetailShare를 삭제하고 기사 상세 전용 MoverDetailShare로 분리해 실제 사용 범위와 컴포넌트 책임을 일치시켰습니다.
  • 견적 전용 카카오 템플릿 환경변수와 공유 타입·유틸도 함께 정리해 기능 제거 범위를 빠짐없이 반영했습니다.
  • 기사 상세의 링크 복사와 카카오톡 공유 기능은 유지하면서 견적 공유 코드만 분리해 기존 기사 상세 기능에 미치는 영향을 줄였습니다.

전체적으로 이전에 논의했던 견적 공유의 인증·권한 문제를 정책적으로 정리한 뒤, 관련 UI·메타데이터·환경변수·유틸까지 일관되게 제거한 PR이었습니다. 수고하셨습니다! 😊

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants