diff --git a/src/components/pages/meetup/meetup-descriptions/description-sections/description-progress/index.tsx b/src/components/pages/meetup/meetup-descriptions/description-sections/description-progress/index.tsx index ad69db9a..9bb8ff68 100644 --- a/src/components/pages/meetup/meetup-descriptions/description-sections/description-progress/index.tsx +++ b/src/components/pages/meetup/meetup-descriptions/description-sections/description-progress/index.tsx @@ -1,3 +1,5 @@ +import { useEffect, useState } from 'react'; + import { formatTimeAgo } from '@/lib/formatDateTime'; import { GetGroupDetailsResponse } from '@/types/service/group'; @@ -13,8 +15,13 @@ export const DescriptionProgress = ({ progress: { maxParticipants, participantCount }, createdAt, }: Props) => { + const [timeAgo, setTimeAgo] = useState(null); const progressRate = Math.ceil((participantCount / maxParticipants) * 100); + useEffect(() => { + setTimeAgo(formatTimeAgo(createdAt)); + }, [createdAt]); + return (
@@ -30,7 +37,7 @@ export const DescriptionProgress = ({
-

{formatTimeAgo(createdAt)}

+

{timeAgo}

);