diff --git a/src/_pages/index/components/IntroSection.tsx b/src/_pages/index/components/IntroSection.tsx index c469512f..5eb21108 100644 --- a/src/_pages/index/components/IntroSection.tsx +++ b/src/_pages/index/components/IntroSection.tsx @@ -17,12 +17,19 @@ export default function IntroSection() { const [isClient, setIsClient] = useState(false); const router = useRouter(); - const targetDate = dayjs('2024-06-27 23:59:59').tz('Asia/Seoul').toDate(); // 8기 지원 마감일 (KST) + const applyDeadlineDate = dayjs('2024-06-27 23:59:59') + .tz('Asia/Seoul') + .toDate(); // 8기 지원 마감일 (KST) + const bigchatDeadlineDate = dayjs('2024-06-23 23:59:59') + .tz('Asia/Seoul') + .toDate(); // 퍼블릭 빅챗 마감일 (KST) + const krCurrentDate = dayjs().tz('Asia/Seoul').toDate(); // 한국 시간 기준 현재 시간 - const isClosed = krCurrentDate > targetDate; + const isApplyClosed = krCurrentDate > applyDeadlineDate; + const isBigchatClosed = krCurrentDate > bigchatDeadlineDate; - const [days, hours, minutes, seconds] = useCountdown(targetDate); + const [days, hours, minutes, seconds] = useCountdown(applyDeadlineDate); const handleApplyClick = () => { event({ @@ -34,6 +41,16 @@ export default function IntroSection() { router.push('/apply'); }; + const handleBigchatClick = () => { + event({ + action: 'public-bigchat', + category: 'click', + label: '퍼블릭 빅챗 참여하기', + value: 1, + }); + router.push('https://umoh.io/ausg-public-bigchat'); + }; + useEffect(() => { setIsClient(true); }, []); @@ -58,9 +75,11 @@ export default function IntroSection() {
- {isClosed ? '8기 모집이 마감되었습니다.' : '☁️ 8기 모집중 ☁️'} + {isApplyClosed + ? '8기 모집이 마감되었습니다.' + : '☁️ 8기 모집중 ☁️'}
- {isClosed ? null : ( + {isApplyClosed ? null : ({isClient ? `🔥 지원 마감까지 ${days}일 ${hours}시간 ${minutes}분 ${seconds}초 🔥` : null}
++ {isBigchatClosed ? null : 'AUSG이 궁금하다면?'} +
+ {isBigchatClosed ? null : ( + + )} +- {isClosed ? '8기 모집이 마감되었습니다.' : '☁️ 8기 모집중 ☁️'} +
+ {isApplyClosed + ? '8기 모집이 마감되었습니다.' + : '☁️ 8기 모집중 ☁️'}
- {isClosed ? null : ( + {isApplyClosed ? null : ( )}{isClient @@ -113,6 +148,20 @@ export default function IntroSection() {
+ {isBigchatClosed ? null : 'AUSG이 궁금하다면?'} +
+ {isBigchatClosed ? null : ( + + )} +