[Feature] 친구 API 연결 및 리팩토링

src/features/Calendar/components/CustomCalendar/CalendarModals.tsx

@@ -1,5 +1,6 @@
 import moment from 'moment'
 import { useMemo, useState } from 'react'
+import { useLocation } from 'react-router-dom'
 
 import { useDetailEventQuery } from '@/shared/hooks/query/useCalendarQueries'
 import type { CalendarEvent } from '@/shared/types/calendar/types'
@@ -8,26 +9,16 @@ import ScheduleEditorModal from '@/shared/ui/Modals/ScheduleEditor'
 import TodoEditorModal from '@/shared/ui/Modals/TodoEditor'
 import { buildDefaultItemEditorDraft } from '@/shared/utils'
 
+import type { CalendarEventActions } from './CustomCalendar.types'
+
 type CalendarModalsProps = {
   modalDate: string
   modalEventId: CalendarEvent['id'] | null
   modalEvent: CalendarEvent | null
   isModalEditing: boolean
   modalMode: 'modal' | 'inline'
   onCloseModal: () => void
-  eventActions: {
-    onEventColorChange: (eventId: CalendarEvent['id'], color: CalendarEvent['color']) => void
-    onEventTitleConfirm: (eventId: CalendarEvent['id'], title: CalendarEvent['title']) => void
-    onEventSharedChange: (eventId: CalendarEvent['id'], isShared: boolean) => void
-    onEventTypeChange: (eventId: CalendarEvent['id'], type: 'todo' | 'schedule') => void
-    onEventTimingChange: (
-      eventId: CalendarEvent['id'],
-      start: Date,
-      end: Date,
-      allDay: boolean,
-      occurrenceDate?: CalendarEvent['occurrenceDate'],
-    ) => void
-  }
+  eventActions: CalendarEventActions
 }
 
 type DraftBackedModalProps = {
@@ -38,7 +29,7 @@ type DraftBackedModalProps = {
   isModalEditing: boolean
   modalMode: 'modal' | 'inline'
   onCloseModal: () => void
-  eventActions: CalendarModalsProps['eventActions']
+  eventActions: CalendarEventActions
 }
 
 const DraftBackedModal = ({
@@ -108,7 +99,8 @@ const CalendarModals = ({
   onCloseModal,
   eventActions,
 }: CalendarModalsProps) => {
-  const shouldRenderModal = modalEventId != null
+  const location = useLocation()
+  const shouldRenderModal = modalEventId != null && location.pathname.startsWith('/calendar')
   const isTodoModal = modalEvent?.type === 'todo'
   const safeDetailEventId = isModalEditing && !isTodoModal ? modalEventId : null
   const occurrenceDate = useMemo(() => {