diff --git a/src/components/ApplicationDetail/ApplicationPanel/ApplicationPanel.component.tsx b/src/components/ApplicationDetail/ApplicationPanel/ApplicationPanel.component.tsx index facb0dec..7a5c4cc2 100644 --- a/src/components/ApplicationDetail/ApplicationPanel/ApplicationPanel.component.tsx +++ b/src/components/ApplicationDetail/ApplicationPanel/ApplicationPanel.component.tsx @@ -83,6 +83,7 @@ const ControlArea = ({ const [isDatePickerOpened, setIsDatePickerOpened] = useState(false); const outerRef = useRef(null); const selectedApplicationResultStatusRef = useRef(null); + const selectedInterviewStartedAtRef = useRef(null); const handleSelectDate = useCallback( (clickedDate: Dayjs) => { @@ -194,6 +195,7 @@ const ControlArea = ({ disabled={isInterviewConfirmed} defaultValue={timeOptions.find((option) => option.value === dayjs(date).format())} {...register(`interviewStartedAt`, { required: true })} + ref={selectedInterviewStartedAtRef} /> diff --git a/src/pages/ApplicationList/ApplicationList.page.tsx b/src/pages/ApplicationList/ApplicationList.page.tsx index fe65f0c6..d7146ff7 100644 --- a/src/pages/ApplicationList/ApplicationList.page.tsx +++ b/src/pages/ApplicationList/ApplicationList.page.tsx @@ -27,7 +27,7 @@ import { $profile, $generationNumber, } from '@/store'; -import { useConvertToXlsx, useDirty, usePagination } from '@/hooks'; +import { useConvertToXlsx, useDirty, usePagination, useUnmount } from '@/hooks'; import { ApplicationRequest, ApplicationResponse } from '@/types'; import { SortType, TableColumn } from '@/components/common/Table/Table.component'; import { ButtonShape, ButtonSize } from '@/components/common/Button/Button.component'; @@ -311,6 +311,10 @@ const ApplicationList = () => { // eslint-disable-next-line react-hooks/exhaustive-deps }, [loadedTableRows]); + useUnmount(() => { + refreshApplications(); + }); + return ( 지원서 내역