Skip to content

[#63] 제품 페이지 하단 바 구현 구현#89

Merged
halionaz merged 5 commits into
devfrom
feat/#63/detail-bottom
Jul 27, 2025
Merged

[#63] 제품 페이지 하단 바 구현 구현#89
halionaz merged 5 commits into
devfrom
feat/#63/detail-bottom

Conversation

@halionaz

Copy link
Copy Markdown
Member

❗ 연관 이슈

📌 내용

  • 짜잔
    • 왼쪽부터 차례로 내꺼, 남꺼인데 구매만 있는 케이스, 남꺼인데 둘 다 있는 케이스
    • 일단 페이지 넘어가는건 구현 안해뒀고 alert으로 피드백만 주게 해놨음요
    • 아마 모든걸테스트해보기위한게시글 들어가면 가격이 깨질텐데 이것 역시 가격 상한 생기면 괜춘할듯
Screenshot 2025-07-18 at 8 16 18 PM Screenshot 2025-07-18 at 8 16 38 PM Screenshot 2025-07-18 at 8 17 25 PM

☑️ 체크 사항 & 논의 사항

  • yarn 한번 하고 돌려보기
  • 피그마랑 디자인이 같은가 흠
    • 게시글이랑 겹쳐지는 부분 그라데이션 들어간 디자인이 피그마에는 대여제품상세 첫 프레임에만 적용되어 있어요. 이거 참고해서 봐주삼

@halionaz halionaz requested review from Copilot and jw0202058 July 18, 2025 11:22
@halionaz halionaz self-assigned this Jul 18, 2025
@halionaz halionaz changed the title fix: 공통 Btn 커스텀 panda css 받을 수 있도록 마개조 [#63] 제품 페이지 하단 바 구현 구현 Jul 18, 2025

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Pull Request Overview

This PR implements a bottom action bar component for the detail page, allowing users to interact with items through chat and purchase/rental options. The changes add a fixed bottom navigation with different behaviors based on item ownership and available transaction types.

  • Adds a new BottomActions component with chat button and purchase/rental options
  • Modifies the common Button component to accept custom CSS classes for styling flexibility
  • Updates the detail page layout to include the new bottom action bar

Reviewed Changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated 4 comments.

Show a summary per file
File Description
src/pages/DetailPage/index.tsx Integrates the new BottomActions component into the detail page
src/features/detail/components/BottomActions/index.tsx Main component logic for bottom actions with conditional rendering
src/features/detail/components/BottomActions/style.css.ts Styling definitions for the bottom action bar using Panda CSS
src/common/components/Button/index.tsx Adds className prop support for custom styling
panda.config.ts Updates detail page navigator height constant

Comment thread src/common/components/Button/index.tsx Outdated
Comment thread src/features/detail/components/BottomActions/index.tsx Outdated
Comment thread src/features/detail/components/BottomActions/index.tsx Outdated
Comment thread src/features/detail/components/BottomActions/index.tsx Outdated
@netlify

netlify Bot commented Jul 24, 2025

Copy link
Copy Markdown

Deploy Preview for repicka ready!

Name Link
🔨 Latest commit 81b259f
🔍 Latest deploy log https://app.netlify.com/projects/repicka/deploys/6885e91f7dc051000830461b
😎 Deploy Preview https://deploy-preview-89--repicka.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@halionaz halionaz force-pushed the feat/#63/detail-bottom branch from 123d46c to 81b259f Compare July 27, 2025 08:53

@jw0202058 jw0202058 left a comment

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.

굿

@halionaz halionaz merged commit 67882b9 into dev Jul 27, 2025
4 checks passed
@halionaz halionaz deleted the feat/#63/detail-bottom branch July 27, 2025 09:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[제품 페이지] 하단 네비게이션(네비게이션 아님)

3 participants