11import { MouseEvent , useEffect , useState } from 'react' ;
22import { useNavigate } from 'react-router-dom' ;
33import AppDownloadImage from '@/assets/images/popup/app-download.png' ;
4- import FestivalImage from '@/assets/images/popup/festival.png' ;
54import { USER_EVENT } from '@/constants/eventName' ;
65import useMixpanelTrack from '@/hooks/Mixpanel/useMixpanelTrack' ;
76import useDevice from '@/hooks/useDevice' ;
@@ -24,15 +23,14 @@ export const isPopupHidden = (): boolean => {
2423} ;
2524
2625const Popup = ( ) => {
27- const navigate = useNavigate ( ) ;
2826 const [ isOpen , setIsOpen ] = useState ( false ) ;
2927 const [ imageLoaded , setImageLoaded ] = useState ( false ) ;
3028 const { isMobile } = useDevice ( ) ;
3129 const trackEvent = useMixpanelTrack ( ) ;
3230
3331 useEffect ( ( ) => {
3432 const img = new Image ( ) ;
35- img . src = FestivalImage ;
33+ img . src = AppDownloadImage ;
3634 img . onload = ( ) => setImageLoaded ( true ) ;
3735 img . onerror = ( ) => setImageLoaded ( true ) ;
3836 } , [ ] ) ;
@@ -92,13 +90,6 @@ const Popup = () => {
9290 window . open ( storeLink , '_blank' ) ;
9391 } ;
9492
95- const handleFestival = ( ) => {
96- trackEvent ( USER_EVENT . FESTIVAL_POPUP_CLICKED , {
97- popupType : 'festival' ,
98- } ) ;
99- navigate ( '/festival-introduction' ) ;
100- } ;
101-
10293 const handleBackdropClick = ( e : MouseEvent < HTMLDivElement > ) => {
10394 if ( e . target === e . currentTarget ) {
10495 handleClose ( 'backdrop_click' ) ;
@@ -118,8 +109,8 @@ const Popup = () => {
118109 onClick = { ( e : MouseEvent < HTMLDivElement > ) => e . stopPropagation ( ) }
119110 >
120111 < Styled . Container >
121- < Styled . ImageWrapper onClick = { handleFestival } >
122- < Styled . PopupImage src = { FestivalImage } alt = '동소한 ' />
112+ < Styled . ImageWrapper onClick = { handleDownload } >
113+ < Styled . PopupImage src = { AppDownloadImage } alt = '앱 다운로드 ' />
123114 </ Styled . ImageWrapper >
124115
125116 < Styled . ButtonGroup >
0 commit comments