feat: 일정 상세 모달 api 쿼리 동기적 실행 변경

woowacourse-teams · Oct 9, 2022 · 35cb362 · 35cb362
1 parent e28d36e
commit 35cb362
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git a/frontend/src/components/ScheduleModal/ScheduleModal.tsx b/frontend/src/components/ScheduleModal/ScheduleModal.tsx
@@ -2,7 +2,6 @@ import { useTheme } from '@emotion/react';
 
 import { useGetEditableCategories, useGetSingleCategory } from '@/hooks/@queries/category';
 import { useDeleteSchedule } from '@/hooks/@queries/schedule';
-import useUserValue from '@/hooks/useUserValue';
 
 import { ModalPosType } from '@/@types';
 import { ScheduleType } from '@/@types/schedule';
@@ -46,15 +45,13 @@ function ScheduleModal({
   toggleScheduleModifyModalOpen,
   closeModal,
 }: ScheduleModalProps) {
-  const { user } = useUserValue();
-
   const theme = useTheme();
 
-  const { data: categoryGetResponse } = useGetSingleCategory({
+  const { data: categoryGetResponse, isSuccess } = useGetSingleCategory({
     categoryId: scheduleInfo.categoryId,
   });
 
-  const { data: editableCategoryGetResponse } = useGetEditableCategories({});
+  const { data: editableCategoryGetResponse } = useGetEditableCategories({ enabled: isSuccess });
 
   const { mutate } = useDeleteSchedule({
     scheduleId: scheduleInfo.id,

diff --git a/frontend/src/hooks/@queries/category.ts b/frontend/src/hooks/@queries/category.ts
@@ -153,11 +153,12 @@ function useGetSchedulesWithCategory({
 }
 
 function useGetSingleCategory({ categoryId }: useGetSingleCategoryProps) {
-  const { data } = useQuery<AxiosResponse<CategoryType>, AxiosError>(CACHE_KEY.CATEGORY, () =>
-    categoryApi.getSingle(categoryId)
+  const { data, isSuccess } = useQuery<AxiosResponse<CategoryType>, AxiosError>(
+    CACHE_KEY.CATEGORY,
+    () => categoryApi.getSingle(categoryId)
   );
 
-  return { data };
+  return { data, isSuccess };
 }
 
 function useGetSubscribers({ categoryId }: useGetSubscribersProps) {