fix: 커뮤니티 게시물 조회 시 전역 스피너 비활성화#375
Conversation
|
@enunsnv is attempting to deploy a commit to the manNomi's projects Team on Vercel. A member of the Team first needs to authorize it. |
Walkthrough이 변경사항은 전역 로딩 스피너의 가시성을 선택적으로 제어하는 기능을 추가합니다. 먼저 Estimated code review effort🎯 2 (Simple) | ⏱️ ~10 minutes Suggested reviewers
🚥 Pre-merge checks | ✅ 5✅ Passed checks (5 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing touches
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
| const isFetching = useIsFetching(); | ||
| const isFetching = useIsFetching({ | ||
| predicate: (query) => query.meta?.showGlobalSpinner !== false, | ||
| }); |
There was a problem hiding this comment.
오 너무 좋아요
앞으로도 이걸로 전역 스피너 불필요시 안쓰면 되겠네요
LGTM~~!
관련 이슈
작업 내용
로딩 스피너를 불러오는 곳이 2가지(게시물 조회 시 isLoading, 전역 스피너의 isFetching)라 다음과 이와 같은 문제가 발생한 것으로 확인했습니다. 따라서 로딩 시, 1개의 로딩 스피너만 불러올 수 있도록 수정하였습니다.
기존 쿼리에 meta data 를 추가하여 수정하였으며, 추후에 다른 쿼리 및 페이지에서도 동일한 문제가 발생했을 경우, 같은 방식으로 해당 쿼리에 같은 meta data 만 추가한다면 문제를 해결할 수 있을 것이라 생각합니다!
특이 사항
리뷰 요구사항 (선택)
추후 다른 페이지에서도 동일한 문제가 발견되거나 새로운 페이지를 추가했을 경우 같은 문제가 생길 수도 있는 것을 감안하여 전역 스피너 관련 코드(index.tsx) 의 수정을 최소화하는 방안을 택하였습니다. 필요할 때마다 전역 스피너에 queryKey를 import하여 코드를 추가하게 된다면 코드가 지저분해질 것 같아서 이와 같은 방법을 택하였는데, 혹시 더 나은 방법이 있다면 알려주시면 감사하겠습니다! 피드백 부탁드리겠습니다☺️ !