Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

메인으로 머지 #173

Merged
merged 50 commits into from
Sep 18, 2024
Merged

메인으로 머지 #173

merged 50 commits into from
Sep 18, 2024

Conversation

HSjjs98
Copy link
Contributor

@HSjjs98 HSjjs98 commented Sep 16, 2024

🚀 풀 리퀘스트 제안

@coderabbitai: i🤷‍♀️gnore

📋 작업 내용

메인으로 머지

🔧 변경 사항

  • 📃 README.md
  • 📦 package.json
  • 🔥 파일 삭제
  • 🧹 그 외 ex) .gitignore 등

주요 변경 사항을 요약해 주세요.

📸 스크린샷 (선택 사항)

수정된 화면 또는 기능을 시연할 수 있는 스크린샷을 첨부해 주세요.

📄 기타

추가적으로 전달하고 싶은 내용이나 특별한 요구 사항이 있으면 작성해 주세요.

Summary by CodeRabbit

## Release Notes

### New Feature
- Added preloading of image logo files for faster load times.
- Introduced `InputCount` component to display character count in input fields.
- Implemented new `FullModal` and `Overlay` components with improved rendering logic.

### Bug Fix
- Enhanced error handling in `fetchYouTubeVideoData` function for better API call reliability.
- Fixed modal state management in `CommentItem` component using `useModalWithOverlay` hook.

### Refactor
- Updated multiple `Input` and `Comment` components to include character length restrictions and display.
- Improved header components with additional props and theme support.
- Modified `useLikedPosts` hook to correctly execute queries based on `userId`.

HSjjs98 and others added 30 commits September 10, 2024 15:45
[Bug] 프로필 페이지 포스트와 좋아요 출력 관련 버그 수정
[Refactor] PlaylistDetail 페이지 분리
[Refactor] 포스트 등록 후 toast 메세지 딜레이
- npm 패키지 호환성 경고가 떠서 npm audit fix 후 커밋함
[Test] 포스트에 플레이리스트 제목이 제대로 뜨는지 테스트코드 추가
- useToggleLikes.ts 추가됨.
- 좋아요를 눌렀을 때 다시 포스트 데이터들을 가져오도록 수정함.
- useFilteredPostsTimeLines에 정의된 쿼리를 무효화 시키고, 다시
fetch하도록함.
- CommentAction.tsx 삭제
- CommentSections.tsx에 userIds에 useMemo를 활용해서 comments가 바뀔
  때만 userIds를 가져오도록 수정함.
- Post.tsx에서 useEffect서 setLikesCount(post.likes.length)를 추가해서
  좋아요도 클릭 했을 때 좋아요 개수도 바로 바뀌도록 수정함.
- useToggleLikes에서 useMutation 부분을 수정함.
- useFilteredPostsTimeline에서 다시 fetch해서 쿼리 하지 않고 tanstack query에 캐시된 타임라인의 포스트 데이터 중에서 수정된 포스트들만 따로 수정하도록함.
- .coderabbit.yaml 파일 추가
- 언어를 한국어로 변경함
- develop, main, release 브랜치에 push 할 때 리뷰를 달게함
- WIP 라는 제목을 PR 제목을 달면 리뷰를 무시하도록 세팅함.
- videoId를 useMemo를 사용하여 video.post가 바뀔 때마 비디오 아이디를
  fetch하도록 수정함.
- tanstackQuery의 mutation을 사용하는 객체는 뒤에 mutation을 붙여서
  구분함.
- bookMark, isClickable, label, isPublicPlaylist를 프로퍼티를 가진
  playlistObj를 생성함.
- 동영상 타이틀이 랜더링되는 속도가 향상되어 비디오 제목이 unknown으로 최대한 나오지 않게함.
- useQuery를 사용하여 동일한 fetch를 여러번 하지 않고 캐싱을 함.
- fetchYouTubeVideoData에서 try-catch문을 사용하여 reponse.data()시의 에러도 로깅하도록함.
- 에러 로그에 status HTTP 상태 코드를 넣어 더 나오는 에러로깅을 하도록함.
- 가끔 이미지가 뜨지 않는 경우가 있음.
- logo.svg를 우선적으로 로드 시켜 "플리 로고" 가 보이지 않고 로고 이미지가 빠르게 랜더링 되도록함.
[Enhancement] Input 값 최대 길이 설정
devdeun and others added 20 commits September 13, 2024 14:31
[Bug] 좋아요 기능 관련 문제 해결, Post.tsx 리팩토링, CommentSection 리팩토링
[Enhancement] 포스트 추가 페이지들을 모달로 처리 및 모달과 오버레이를 전역으로 상태 관리하도록 변경
- 포스트 추가하기 첫번째 모달 close 헤더로 바꾸기, 완료 버튼을 다음으로 수정
- 남의 플리에 있는 비디오 내플리에 추가하기 selectpli 뒤로가기 경로 수정
- 포스트 추가하기 기능 모달 동작 관련 수정
- 링크로 포스트 추가하기에서 더이상 url을 사용하지 않고 비디오와 플레이리스트 정보를 전달
[Refactor] 모달 관련 동작 수정 및 헤더 제목 등 수정
- 추가로 좋아요 탭에서 좋아요 토글될때 포스트가 바로 사라지는 문제 수정
[Bug]프로필 페이지에서 포스트와 좋아요 탭에서 좋아요가 바로 적용안되는 문제 해결
[Merge] 머지용 브랜치 생성
Copy link

github-actions bot commented Sep 18, 2024

Image description CodeRabbit

Walkthrough

이번 변경 사항은 이미지 로고 파일의 사전로드, API 호출 시 예외 처리 개선, 입력 값 제한 및 글자 수 카운트 기능 추가, 모달 컴포넌트의 상태 관리 및 애니메이션 로직 개선, 헤더 컴포넌트 스타일링 업데이트, 그리고 useLikedPosts 훅의 쿼리 키 수정 등을 포함합니다.

Changes

파일 그룹 요약
index.html 이미지 로고 파일을 사전로드하도록 <link> 태그 추가
src/api/fetchYouTubeVideoData.ts API 호출 시 예외 처리 개선 및 에러 메시지 추가
src/components/comment/*.tsx, src/components/common/inputs/*.tsx 입력 값 제한 및 글자 수 카운트 기능 추가, CommentActions 삭제, 모달 관련 로직 수정
src/components/common/modals/*.tsx 모달 컴포넌트 상태 관리 및 애니메이션 로직 개선, 새로운 Overlay 컴포넌트 추가
src/components/layout/header/*.tsx 헤더 컴포넌트에 useThemecustomStyle props 추가
src/hooks/useLikedPosts.ts userId에 따른 쿼리 실행 방식 수정

🐇 "코드가 바뀌어 새로워진 날,
입력 값 제한도 이제는 찰칵!
모달이 열리고 닫히는 순간,
성능과 스타일 모두 반짝반짝!" ✨


Uplevel your code reviews with CodeRabbit Pro

CodeRabbit Pro

If you like this project, please support us by purchasing the Pro version. The Pro version has advanced context, superior noise reduction and several proprietary improvements compared to the open source version. Moreover, CodeRabbit Pro is free for open source projects.

@HSjjs98 HSjjs98 merged commit b4692b8 into main Sep 18, 2024
1 check passed
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.

4 participants