diff --git a/src/pages/events.tsx b/src/pages/events.tsx index a0a5f42..58dc094 100644 --- a/src/pages/events.tsx +++ b/src/pages/events.tsx @@ -9,7 +9,7 @@ import { differenceInDays, formatDistanceToNow } from "date-fns"; import TierlistTab from "@components/tierlist/TierListTab"; import classNames from "classnames"; import { FiClock } from "react-icons/fi"; -import { MdHourglassTop } from "react-icons/md"; +import { MdHourglassEmpty, MdHourglassTop } from "react-icons/md"; import { FaCalendarCheck } from "react-icons/fa"; import { CostumeThumbnailPin } from "@components/characters/CostumeThumbnailPin"; import useSWR from "swr"; @@ -183,12 +183,18 @@ export function EventItem({

- {!isEnded && ( + {!isEnded && !isInFuture && ( <> {" "} Ends in {formatDistanceToNow(endDate)} )} + {isInFuture && ( + <> + {" "} + Starts in {formatDistanceToNow(startDate)} + + )} {isEnded && ( <> @@ -254,7 +260,7 @@ export function EventItem({ View event - {isNearlyEnded && !isEnded && ( + {isNearlyEnded && !isEnded && !isInFuture && ( Ends in {formatDistanceToNow(endDate)}!