feat: 일정 모달의 삭제 및 편집 권한 변경

woowacourse-teams · Oct 9, 2022 · 8d1d0ab · 8d1d0ab
1 parent 8656cdb
commit 8d1d0ab
Showing 1 changed file with 7 additions and 8 deletions.
diff --git a/frontend/src/components/ScheduleModal/ScheduleModal.tsx b/frontend/src/components/ScheduleModal/ScheduleModal.tsx
@@ -1,8 +1,7 @@
 import { useTheme } from '@emotion/react';
 
-import { useGetSingleCategory } from '@/hooks/@queries/category';
+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,14 +45,14 @@ function ScheduleModal({
   toggleScheduleModifyModalOpen,
   closeModal,
 }: ScheduleModalProps) {
-  const { user } = useUserValue();
-
   const theme = useTheme();
 
   const { data: categoryGetResponse } = useGetSingleCategory({
     categoryId: scheduleInfo.categoryId,
   });
 
+  const { data: editableCategoryGetResponse } = useGetEditableCategories({});
+
   const { mutate } = useDeleteSchedule({
     scheduleId: scheduleInfo.id,
     onSuccess: () => closeModal(),
@@ -78,10 +77,10 @@ function ScheduleModal({
     return dateTime.replace('T', ' ');
   };
 
-  const canEditSchedule =
-    (scheduleInfo.categoryType === CATEGORY_TYPE.NORMAL ||
-      scheduleInfo.categoryType === CATEGORY_TYPE.PERSONAL) &&
-    user.id === categoryGetResponse?.data.creator.id;
+  const canEditSchedule = editableCategoryGetResponse?.data.find(
+    (category) =>
+      category.id === scheduleInfo.categoryId && category.categoryType !== CATEGORY_TYPE.GOOGLE
+  );
 
   return (
     <div css={scheduleModalStyle(theme, scheduleModalPos)}>