마이페이지 리뉴얼 #200

sumi-0011 · 2024-09-27T16:36:28Z

💡 기능

드디어 마이페이지를 리뉴얼했습니다.
새로운 기능 보다는, 전체적인 컨셉을 맞추기 위해 기존 기능유지 + 디자인 변경을 위주로 작업하였어요.

line type, farm type preview 이미지 복사 기능
line type, farm type 보여질 펫 선택 기능

farm type의 경우 펫을 선택하면 api call을 기다려야하는데, 이 과정동안 클릭을 막고 사용자를 기다리게 하기 위해 loading을 추가하였어요 (디테일이랄까 ✨)

펫을 선택하는 부분이, 펫이 많으면 보기 어려워서 확장 버튼을 임시로 추가하였어요. 이후에 디자이너님의 컨펌을 받아 디자인은 변경될 수 있습니다.

🔎 기타

Summary by CodeRabbit

릴리스 노트

새로운 기능
- 사용자 개인 페이지에 대한 메시지 추가 및 업데이트.
- 세션 관리를 위한 캐싱 메커니즘 도입.
- 새로운 Banner 및 LevelBanner 컴포넌트 추가.
- TextField 컴포넌트 추가하여 텍스트 입력 필드 제공.
- URL 쿼리 매개변수를 수정하는 두 개의 새로운 함수 추가.
버그 수정
- 사용자 데이터 가져오기 기능 개선 및 오류 처리 추가.
문서화
- 새로운 컴포넌트와 함수에 대한 문서화 업데이트.

…t-animal-client into base/mypage-renewal # Conflicts: # apps/web/src/apis/user/useGetUser.ts # apps/web/src/app/[locale]/mypage/ProfileSection.tsx # apps/web/src/app/[locale]/mypage/page.tsx

coderabbitai · 2024-09-27T16:36:50Z

Warning

Rate limit exceeded

@sumi-0011 has exceeded the limit for the number of commits or files that can be reviewed per hour. Please wait 20 minutes and 24 seconds before requesting another review.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

📥 Commits

Files that changed from the base of the PR and between e6aa97b and bdf4231.

Walkthrough

이 변경 사항은 ESLint 구성 파일에 새로운 규칙을 추가하고, 여러 JSON 파일에서 사용자 인터페이스 메시지를 수정 및 추가하며, API 호출 및 사용자 데이터 가져오기 기능을 개선하는 내용을 포함합니다. 또한, 새로운 컴포넌트와 스타일을 정의하여 UI 요소의 사용자 경험을 향상시키고, URL 검색 매개변수를 조작하는 새로운 유틸리티 함수를 도입합니다.

Changes

파일 경로	변경 요약
`apps/web/.eslintrc.json`	ESLint 구성에 `no-restricted-imports` 규칙 추가, `styled-jsx/css` 대신 `panda/css` 사용 권장.
`apps/web/messages/en_US.json`	"Mypage" 섹션에 여러 새로운 항목 추가 및 기존 항목 수정.
`apps/web/messages/ko_KR.json`	"Mypage" 섹션에 여러 새로운 항목 추가 및 기존 항목 수정.
`apps/web/src/apis/interceptor.ts`	세션 관리를 위한 캐싱 메커니즘 추가 및 관련 인터페이스 및 함수 정의.
`apps/web/src/apis/user/useGetAllPets.ts`	API 호출의 응답 유형을 변경하고 쿼리 옵션 생성 기능 추가.
`apps/web/src/apis/user/useGetUser.ts`	사용자 데이터 가져오기 기능 수정 및 새로운 쿼리 옵션 함수 추가.
`apps/web/src/app/[locale]/layout.tsx`	`@egjs/react-flicking` 라이브러리의 CSS 파일 두 개 추가.
`apps/web/src/app/[locale]/mypage/FarmType.tsx`	UI 관리 및 페르소나 선택 로직 수정, 새로운 선택 컴포넌트 도입.
`apps/web/src/app/[locale]/mypage/OneType.tsx`	선택된 펫의 크기 조정 기능 개선 및 새로운 컴포넌트 추가.
`apps/web/src/app/[locale]/mypage/PersonaList.tsx`	페르소나 목록을 표시하는 새로운 컴포넌트 추가.
`apps/web/src/app/[locale]/mypage/ProfileSection.tsx`	사용자 데이터 가져오기 로직 수정 및 성능 최적화.
`apps/web/src/app/[locale]/mypage/RightSection.tsx`	선택된 타입에 대한 로직 수정 및 버튼 클릭 핸들러 제거.
`apps/web/src/app/[locale]/mypage/page.tsx`	검색 매개변수 수용을 위한 구조 변경 및 탭 네비게이션 향상.
`packages/api/src/render/getAllMyPets.ts`	타입 이름 변경: `RenderPersonaItem`에서 `PersonasResponse`로.
`packages/ui/panda/src/components/Banner/*.tsx`	새로운 배너 컴포넌트 및 스타일 정의.
`packages/ui/panda/src/components/Skeleton/*.tsx`	새로운 스켈레톤 컴포넌트 및 스타일 정의.
`packages/ui/panda/src/components/Textfield/*.tsx`	새로운 텍스트 필드 컴포넌트 추가.
`packages/util/common/src/url.ts`	URL 검색 매개변수를 조작하는 두 개의 새로운 함수 추가.

Possibly related PRs

Product 탭 정렬 기능 코드 리팩토링 #171: useGetProducts 함수 수정으로 제품 관리 및 사용자 인터페이스에 영향을 미칠 수 있음.
History 정렬 기능 추가 #172: 역사 탭에 대한 정렬 기능 추가, 데이터 처리와 UI 고려 사항 관련 가능성 있음.
다국어 지원을 위한 next-intl 세팅 #178: 국제화 설정, 컴포넌트의 가져오기 및 사용 방식에 구조적 변화 관련 가능성 있음.

Suggested labels

diff: M, diff: L

Suggested reviewers

hyesungoh

🐰 변화의 물결이 일어났어요,
새로운 규칙과 메시지가 가득해요.
UI 컴포넌트도 새롭게 태어나,
사용자 경험을 더욱 빛나게 하죠!
함께 뛰어놀며 기뻐해요,
변화의 순간을 즐겨요! 🌟

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

❤️ Share

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

Review comments: Directly reply to a review comment made by CodeRabbit. Example:
- I pushed a fix in commit <commit_id>, please review it.
- Generate unit testing code for this file.
- 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 generate unit testing code for this file.
- @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 generate unit testing code.
- @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.

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

Documentation and Community

Visit our Documentation for detailed information on how to use CodeRabbit.
Join our Discord Community to get help, request features, and share feedback.
Follow us on X/Twitter for updates and announcements.

sumi-0011 · 2024-09-27T16:45:48Z

@hyesungoh 빠른 배포를 위해 먼저 머지합니다!
시간되실 때 한번 확인 해주시면 좋을 것 같아요 👀

sumi-0011 added 25 commits September 26, 2024 00:30

feat: 지우언니로 변경

2807ed1

fix: language나 gnb를 토스트가 가리는 문제 수정

a6c6125

fix: auction section 최소 높이 지정

a838065

fix: session가져오는 API가 너무 자주 호출되서 캐싱해봄

10bb478

refactor: layout 제거, GNB 폴더명으로 변경

5ed6d35

feat: profile section 추가

3220541

fix: session가져오는 API가 너무 자주 호출되서 캐싱해봄

0c5157a

feat: profile section 추가

1e3ab0d

feat: skeleton cva 컴포넌트 추가

25932fe

refactor: profile suspensive추가 및 suspense로 변경

e6a22e6

feat: Banner Component 추가

eb9a9e0

refactor: banner component, pet list에 공통적으로 적용

3b92f3e

fix: banner 컴포넌트 수정

c6e64ce

feat: tab item 추가

237b995

feat: get all pets

300b0cc

Merge branch 'base/mypage-renewal' of https://github.com/git-goods/gi…

b446cf8

…t-animal-client into base/mypage-renewal # Conflicts: # apps/web/src/apis/user/useGetUser.ts # apps/web/src/app/[locale]/mypage/ProfileSection.tsx # apps/web/src/app/[locale]/mypage/page.tsx

feat: banner skeleton 추가

c1255a0

fix: eslint rule 추가

91622c4

feat: pet list 추가

93eab2b

feat: 선택한 persona로 프리뷰 보여주기

ef2f9dc

feat: 1-type size 조정 로직 추가

101c3bf

refactor: select persona

2338083

feat: farm type select 로직 정상화

d602bd6

feat: farm 로딩 추가

2249d05

feat: 레이아웃 수정

1ed315d

sumi-0011 self-assigned this Sep 27, 2024

sumi-0011 requested a review from hyesungoh as a code owner September 27, 2024 16:36

github-actions bot added area: Web diff: XL area: API labels Sep 27, 2024

github-actions bot added area: UI area: Utils labels Sep 27, 2024

sumi-0011 added 2 commits September 28, 2024 01:39

fix: build error fix

352f61b

style: 뒷 배경 수정

bdf4231

sumi-0011 merged commit 375169f into main Sep 27, 2024
2 checks passed

sumi-0011 deleted the base/mypage-renewal branch September 27, 2024 16:45

This was referenced Oct 2, 2024

refactor: persona schema type 정의 수정 및 queryFactory 추가 #202

Merged

refactor: mypage layout 분리 #203

Merged

This was referenced Oct 20, 2024

feat: 이벤트 ui #205

Merged

My Pet 페이지 추가 #211

Merged

This was referenced Oct 30, 2024

배경 구매 기능 추가 #217

Merged

마이페이지 펫 선택 -> 모달 #222

Merged

coderabbitai bot mentioned this pull request Nov 15, 2024

펫 Merge 기능 추가 #230

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

마이페이지 리뉴얼 #200

마이페이지 리뉴얼 #200

sumi-0011 commented Sep 27, 2024 •

edited by coderabbitai bot

Loading

coderabbitai bot commented Sep 27, 2024 •

edited

Loading

Rate limit exceeded

Chat

CodeRabbit Commands (Invoked using PR comments)

Other keywords and placeholders

Documentation and Community

sumi-0011 commented Sep 27, 2024

마이페이지 리뉴얼 #200

마이페이지 리뉴얼 #200

Conversation

sumi-0011 commented Sep 27, 2024 • edited by coderabbitai bot Loading

💡 기능

🔎 기타

Summary by CodeRabbit

릴리스 노트

coderabbitai bot commented Sep 27, 2024 • edited Loading

Rate limit exceeded

Walkthrough

Changes

Possibly related PRs

Suggested labels

Suggested reviewers

Chat

CodeRabbit Commands (Invoked using PR comments)

Other keywords and placeholders

Documentation and Community

sumi-0011 commented Sep 27, 2024

sumi-0011 commented Sep 27, 2024 •

edited by coderabbitai bot

Loading

coderabbitai bot commented Sep 27, 2024 •

edited

Loading