Skip to content

♻️refactor: 최종 수정#131

Merged
yuj2n merged 23 commits intodevelopfrom
feature/bug-fix
Jun 22, 2025
Merged

♻️refactor: 최종 수정#131
yuj2n merged 23 commits intodevelopfrom
feature/bug-fix

Conversation

@yuj2n
Copy link
Contributor

@yuj2n yuj2n commented Jun 22, 2025

📌 변경 사항 개요

최종 수정

✨ 요약

최종 수정

📝 상세 내용

🎨style:

  • 반응형에 따른 글자 크기 수정
  • 초대하기 모달 반응형 적용
  • 공통 Input 컴포넌트 반응형 적용
  • 모바일 사이즈에서 공동 작업자 프로필 숨기기
  • 모바일 화면에서 사용자 닉네임 숨기기
  • 멤버 수정 컴포넌트 사용자 닉네임 반응형 적용
  • 모바일 사이즈에서 대시보드 삭제하기 글자 크기 수정

♻️refactor:

  • 색상 팔레트에 헤더 가려지는 문제 수정 및 반응형에 따른 스타일 수정
  • 제목과 페이지네이션 컴포넌트 분리 및 반응형 적용
  • 페이지네이션 수정에 따른 제목 작성 및 반응형에 따른 글자 크기 수정
  • 초대하기 버튼 반응형 위치 고정 및 페이지네이션 수정 사항 반영
  • 대시보드 수정 페이지 돌아가기 버튼 적용 및 전체 스타일 수정

🫧modify:

  • 색상 팔레트가 헤더 가리는 문제 수정
  • 대시보드 수정 페이지 전체 틀 디자인 적용
  • tailwind pxr 적용

🔗 관련 이슈

🖼️ 스크린샷

✅ 체크리스트

  • 브랜치 네이밍 컨벤션을 준수했습니다
  • 커밋 컨벤션을 준수했습니다
  • 코드가 프로젝트의 스타일 가이드라인을 준수합니다

💡 참고 사항

Summary by CodeRabbit

  • 신규 기능

    • 헤더에 사용자 정보를 표시하는 새로운 컴포넌트가 추가되었습니다.
  • 스타일

    • 다양한 버튼, 입력창, 라벨, 헤더 등에서 모바일 및 태블릿 환경에 맞춘 반응형 폰트 크기와 여백, 배경, 정렬 등 스타일이 개선되었습니다.
    • 헤더와 대시보드, 초대/멤버 관리 화면에서 레이아웃 및 가시성(숨김/노출) 브레이크포인트가 조정되었습니다.
    • 일부 버튼 및 네비게이션 항목의 텍스트가 변경되고, 버튼의 배치와 크기가 반응형으로 개선되었습니다.
  • 리팩터

    • 공통 뒤로가기 버튼 컴포넌트 도입 등으로 코드 구조가 간소화되었습니다.
  • 버그 수정

    • 초대 목록이 오류 메시지와 상관없이 정상적으로 표시됩니다.
  • 문서화

    • 없음

yuj2n added 23 commits June 23, 2025 03:09
@yuj2n yuj2n added this to the 2차 구현 기간 milestone Jun 22, 2025
@yuj2n yuj2n self-assigned this Jun 22, 2025
@yuj2n yuj2n added 🎨Style UI, 스타일 관련 수정 💄Modify 자잘한 수정 labels Jun 22, 2025
@yuj2n yuj2n added the ♻️Refactor 리팩토링 label Jun 22, 2025
@coderabbitai
Copy link

coderabbitai bot commented Jun 22, 2025

Caution

Review failed

The pull request is closed.

## Walkthrough

이 변경사항은 대시보드 편집 페이지와 관련된 여러 컴포넌트의 레이아웃 및 스타일을 전반적으로 개선합니다. 주요 변경점으로는 공통 BackButton 컴포넌트 도입, 반응형 텍스트 크기 및 여백 조정, 헤더와 입력 폼의 레이아웃 개선, 일부 컴포넌트의 props 및 타입 변경 등이 포함됩니다.

## Changes

| 파일/그룹                                                        | 변경 요약                                                                                                    |
|-------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------|
| src/app/dashboard/[id]/edit/layout.tsx                            | 루트 div에 배경색, 최소 높이, 반응형 padding 클래스 추가                                                    |
| src/app/dashboard/[id]/edit/page.tsx                              | 커스텀 뒤로가기 버튼 → 공용 BackButton 컴포넌트로 교체, 컨테이너 스타일 단순화, 레이아웃 클래스 조정         |
| src/app/dashboard/[id]/layout.tsx                                 | padding-left 클래스의 값 변경 (임의 px → Tailwind spacing scale)                                            |
| src/app/features/dashboard/components/edit/DeleteDashboardButton.tsx<br>src/app/features/dashboard/components/edit/EditInfo.tsx<br>src/app/features/dashboard/components/edit/EditMember.tsx<br>src/app/features/dashboard/components/edit/EditInvitation.tsx<br>src/app/shared/components/common/Input/Input.tsx<br>src/app/shared/components/common/UserInfo.tsx<br>src/app/shared/components/dashboard/DashboardForm.tsx<br>src/app/shared/components/common/modal/CreateInvitationModal.tsx | 반응형 텍스트 크기 클래스 추가, 레이아웃/여백/정렬 스타일 개선, 일부 버튼/헤더의 클래스 및 구조 변경         |
| src/app/features/dashboard/components/edit/PaginationHeader.tsx    | title prop 및 관련 렌더링 제거, 레이아웃 단순화, 버튼 스타일 조정, 타입 정의 변경                            |
| src/app/shared/components/common/header/Collaborator/CollaboratorList.tsx | mobile-sm 브레이크포인트에서 목록 숨김 처리                                                                 |
| src/app/shared/components/common/header/Header.tsx                 | z-index, padding, justify, gap 등 Tailwind 클래스 조정, visibility 브레이크포인트 변경                       |
| src/app/shared/components/common/header/HeaderUserInfo.tsx         | 새로운 HeaderUserInfo 컴포넌트 추가, 사용자 정보 표시 및 반응형 닉네임 출력                                 |
| src/app/shared/components/common/header/RightHeaderNav.tsx         | md:flex 클래스 제거, 초대 버튼 텍스트 변경 ("초대하기" → "초대")                                            |
| src/app/shared/components/common/header/UserDropdown.tsx           | UserInfo → HeaderUserInfo로 컴포넌트 교체                                                                    |

## Sequence Diagram(s)

```mermaid
sequenceDiagram
    participant User
    participant DashboardEditPage
    participant BackButton
    participant EditInfo
    participant EditInvitation
    participant EditMember
    participant DeleteDashboardButton

    User->>DashboardEditPage: 페이지 진입
    DashboardEditPage->>BackButton: 뒤로가기 버튼 렌더링
    DashboardEditPage->>EditInfo: 기본 정보 폼 렌더링
    DashboardEditPage->>EditInvitation: 초대 관리 렌더링
    DashboardEditPage->>EditMember: 구성원 관리 렌더링
    DashboardEditPage->>DeleteDashboardButton: 삭제 버튼 렌더링

Possibly related PRs

  • CoPlay-FE/coplan#117: 대시보드 편집 페이지의 뒤로가기 버튼 및 컨테이너 레이아웃 리팩토링 관련 변경.
  • CoPlay-FE/coplan#104: 대시보드 편집 페이지 레이아웃 및 스타일 조정, BackButton 컴포넌트 도입과 관련된 변경.
  • CoPlay-FE/coplan#75: 대시보드 편집 페이지의 기본 UI 컴포넌트 및 레이아웃 설정 관련 변경.

Suggested reviewers

  • dkslel1225
  • LeeCh0129

Poem

🐇
코드밭에 봄바람, 스타일이 춤추네
버튼은 공통으로, 글씨는 더 작게
헤더도 반짝, 닉네임도 살짝
대시보드 편집은 한층 더 산뜻하게!
오늘도 토끼는 귀를 쫑긋,
리팩토링의 기쁨을 콩콩 뛰네
🥕


<!-- walkthrough_end -->
<!-- This is an auto-generated comment: all tool run failures by coderabbit.ai -->

> [!WARNING]
> There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure.
> 
> <details>
> <summary>🔧 ESLint</summary>
> 
> > If the error stems from missing dependencies, add them to the package.json file. For unrecoverable errors (e.g., due to private dependencies), disable the tool in the CodeRabbit configuration.
> 
> npm error Exit handler never called!
> npm error This is an error with npm itself. Please report this error at:
> npm error   <https://github.com/npm/cli/issues>
> npm error A complete log of this run can be found in: /.npm/_logs/2025-06-23T00_07_12_740Z-debug-0.log
> 
> 
> 
> </details>

<!-- end of auto-generated comment: all tool run failures by coderabbit.ai -->
<!-- internal state start -->


<!-- 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 -->

<!-- internal state end -->

---

<details>
<summary>📜 Recent review details</summary>

**Configuration used: CodeRabbit UI**
**Review profile: CHILL**
**Plan: Pro**


<details>
<summary>📥 Commits</summary>

Reviewing files that changed from the base of the PR and between 2f72b3e84280a6e858350da376f7d7513f7aa0dd and be2f6efcd5eb5e063b6df9db3198313f94fa7c3b.

</details>

<details>
<summary>📒 Files selected for processing (17)</summary>

* `src/app/dashboard/[id]/edit/layout.tsx` (1 hunks)
* `src/app/dashboard/[id]/edit/page.tsx` (1 hunks)
* `src/app/dashboard/[id]/layout.tsx` (1 hunks)
* `src/app/features/dashboard/components/edit/DeleteDashboardButton.tsx` (1 hunks)
* `src/app/features/dashboard/components/edit/EditInfo.tsx` (1 hunks)
* `src/app/features/dashboard/components/edit/EditInvitation.tsx` (3 hunks)
* `src/app/features/dashboard/components/edit/EditMember.tsx` (2 hunks)
* `src/app/features/dashboard/components/edit/PaginationHeader.tsx` (1 hunks)
* `src/app/shared/components/common/Input/Input.tsx` (1 hunks)
* `src/app/shared/components/common/UserInfo.tsx` (1 hunks)
* `src/app/shared/components/common/header/Collaborator/CollaboratorList.tsx` (1 hunks)
* `src/app/shared/components/common/header/Header.tsx` (1 hunks)
* `src/app/shared/components/common/header/HeaderUserInfo.tsx` (1 hunks)
* `src/app/shared/components/common/header/RightHeaderNav.tsx` (2 hunks)
* `src/app/shared/components/common/header/UserDropdown.tsx` (2 hunks)
* `src/app/shared/components/common/modal/CreateInvitationModal.tsx` (2 hunks)
* `src/app/shared/components/dashboard/DashboardForm.tsx` (1 hunks)

</details>

</details>
<!-- finishing_touch_checkbox_start -->

<details open="true">
<summary>✨ Finishing Touches</summary>

- [ ] <!-- {"checkboxId": "7962f53c-55bc-4827-bfbf-6a18da830691"} --> 📝 Generate Docstrings

</details>

<!-- finishing_touch_checkbox_end -->
<!-- tips_start -->

---



<details>
<summary>🪧 Tips</summary>

### Chat

There are 3 ways to chat with [CodeRabbit](https://coderabbit.ai?utm_source=oss&utm_medium=github&utm_campaign=CoPlay-FE/coplan&utm_content=131):

- Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  - `I pushed a fix in commit <commit_id>, please review it.`
  - `Explain this complex logic.`
  - `Open a follow-up GitHub issue for this discussion.`
- Files and specific lines of code (under the "Files changed" tab): Tag `@coderabbitai` in a new review comment at the desired location with your query. Examples:
  - `@coderabbitai explain this code block.`
  -	`@coderabbitai modularize this function.`
- PR comments: Tag `@coderabbitai` in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  - `@coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.`
  - `@coderabbitai read src/utils.ts and explain its main purpose.`
  - `@coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.`
  - `@coderabbitai help me debug CodeRabbit configuration file.`

### Support

Need help? Create a ticket on our [support page](https://www.coderabbit.ai/contact-us/support) for assistance with any issues or questions.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

### CodeRabbit Commands (Invoked using PR comments)

- `@coderabbitai pause` to pause the reviews on a PR.
- `@coderabbitai resume` to resume the paused reviews.
- `@coderabbitai review` to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
- `@coderabbitai full review` to do a full review from scratch and review all the files again.
- `@coderabbitai summary` to regenerate the summary of the PR.
- `@coderabbitai generate docstrings` to [generate docstrings](https://docs.coderabbit.ai/finishing-touches/docstrings) for this PR.
- `@coderabbitai generate sequence diagram` to generate a sequence diagram of the changes in this PR.
- `@coderabbitai resolve` resolve all the CodeRabbit review comments.
- `@coderabbitai configuration` to show the current CodeRabbit configuration for the repository.
- `@coderabbitai help` to get help.

### Other keywords and placeholders

- Add `@coderabbitai ignore` anywhere in the PR description to prevent this PR from being reviewed.
- Add `@coderabbitai summary` to generate the high-level summary at a specific location in the PR description.
- Add `@coderabbitai` anywhere in the PR title to generate the title automatically.

### CodeRabbit Configuration File (`.coderabbit.yaml`)

- You can programmatically configure CodeRabbit by adding a `.coderabbit.yaml` file to the root of your repository.
- Please see the [configuration documentation](https://docs.coderabbit.ai/guides/configure-coderabbit) for more information.
- If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: `# yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json`

### Documentation and Community

- Visit our [Documentation](https://docs.coderabbit.ai) for detailed information on how to use CodeRabbit.
- Join our [Discord Community](http://discord.gg/coderabbit) to get help, request features, and share feedback.
- Follow us on [X/Twitter](https://twitter.com/coderabbitai) for updates and announcements.

</details>

<!-- tips_end -->

@yuj2n yuj2n merged commit 2ada442 into develop Jun 22, 2025
0 of 2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

💄Modify 자잘한 수정 ♻️Refactor 리팩토링 🎨Style UI, 스타일 관련 수정

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant