From abdf7a3331d003d9350acfd6f204660253f56fcd Mon Sep 17 00:00:00 2001 From: gs0428 Date: Tue, 20 Feb 2024 04:41:22 +0900 Subject: [PATCH] =?UTF-8?q?feature-081:=20=EB=B9=84=ED=9A=8C=EC=9B=90?= =?UTF-8?q?=EC=9D=BC=20=EB=95=8C=20=EC=98=81=EC=83=81=20=EB=B3=80=ED=99=98?= =?UTF-8?q?=20=ED=9B=84=20=EB=A1=9C=EC=A7=81=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/layout/header/alarm/index.tsx | 31 +++++++++----------- src/hooks/useCreateVideo.ts | 6 ++-- 2 files changed, 16 insertions(+), 21 deletions(-) diff --git a/src/components/layout/header/alarm/index.tsx b/src/components/layout/header/alarm/index.tsx index 27fba10..8c5023b 100644 --- a/src/components/layout/header/alarm/index.tsx +++ b/src/components/layout/header/alarm/index.tsx @@ -15,7 +15,6 @@ import { modelingStatusState } from '@/stores/model-controller'; import * as HeaderStyle from '@/styles/layout/header'; import AlarmList from './AlarmList'; -import { userTokenState } from '@/stores/user'; type Props = { isDark: boolean; @@ -23,7 +22,6 @@ type Props = { const Alarm = ({ isDark }: Props) => { const status = useRecoilValue(modelingStatusState); - const userToken = useRecoilValue(userTokenState); const [isOpen, setIsOpen] = useState(false); const [alarmList, setAlarmList] = useState([]); @@ -43,24 +41,23 @@ const Alarm = ({ isDark }: Props) => { useEffect(() => { if (status === 'ERROR' || status === 'COMPLETE') { - userToken && callAPI(); + callAPI(); } if (status === 'CONTINUE') { - userToken && - setAlarmList([ - { - state: 'success', - type: 'video', - alarm_id: 999, - title: '열심히 영상을 변환하는 중이에요!', - content: '잠시후 멋진 글을 만날 수 있어요:)', - is_confirm: 0, - created_at: new Date().toString(), - updated_at: new Date().toString(), - }, - ...alarmList, - ]); + setAlarmList([ + { + state: 'success', + type: 'video', + alarm_id: 999, + title: '열심히 영상을 변환하는 중이에요!', + content: '잠시후 멋진 글을 만날 수 있어요:)', + is_confirm: 0, + created_at: new Date().toString(), + updated_at: new Date().toString(), + }, + ...alarmList, + ]); } // eslint-disable-next-line react-hooks/exhaustive-deps }, [status]); diff --git a/src/hooks/useCreateVideo.ts b/src/hooks/useCreateVideo.ts index bcfeeb2..62db094 100644 --- a/src/hooks/useCreateVideo.ts +++ b/src/hooks/useCreateVideo.ts @@ -6,13 +6,11 @@ import { modelingStatusState, videoLinkState, } from '@/stores/model-controller'; -import { userTokenState } from '@/stores/user'; import { useNavigate } from 'react-router-dom'; -import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil'; +import { useRecoilState, useSetRecoilState } from 'recoil'; const useCreateVideo = () => { const [modelingData, setModelingData] = useRecoilState(modelingDataState); - const userToken = useRecoilValue(userTokenState); const setIsOpenErrorModal = useSetRecoilState(errorModalState); const setVideoLink = useSetRecoilState(videoLinkState); const setStatus = useSetRecoilState(modelingStatusState); @@ -25,7 +23,7 @@ const useCreateVideo = () => { try { const { video_id } = (await createVideoAPI(modelingData)).data.result; - navigate(`/summary/${video_id}${!userToken && '?insight=true'}`); + navigate(`/summary/${video_id}`); setModelingData(null); } catch (e) { setIsOpenErrorModal(true);