diff --git a/src/app/(pages)/api/player/isbeingtracked/route.ts b/src/app/(pages)/api/player/isbeingtracked/route.ts index e85c668..9cb7591 100644 --- a/src/app/(pages)/api/player/isbeingtracked/route.ts +++ b/src/app/(pages)/api/player/isbeingtracked/route.ts @@ -13,11 +13,11 @@ export async function GET(request: NextRequest) { await connectMongo(); // Connect to Mongo const foundPlayer: IPlayer | null = await PlayerModel.findById(id); - const response: { tracked: boolean; lastTracked?: string } = { + const response: { tracked: boolean; trackedSince?: string } = { tracked: foundPlayer != null, }; if (foundPlayer != null) { - response["lastTracked"] = foundPlayer.trackedSince?.toUTCString(); + response["trackedSince"] = foundPlayer.trackedSince?.toUTCString(); } return NextResponse.json(response); } diff --git a/src/components/player/player-tracked-status.tsx b/src/components/player/player-tracked-status.tsx index 1ef8ba7..7d18808 100644 --- a/src/components/player/player-tracked-status.tsx +++ b/src/components/player/player-tracked-status.tsx @@ -6,6 +6,7 @@ import ky from "ky"; import { config } from "../../../config"; import Tooltip from "@/components/tooltip"; import { InformationCircleIcon } from "@heroicons/react/16/solid"; +import { format } from "@formkit/tempo"; type Props = { player: ScoreSaberPlayer; @@ -18,6 +19,7 @@ export default function PlayerTrackedStatus({ player }: Props) { ky .get<{ tracked: boolean; + trackedSince: string; }>(`${config.siteUrl}/api/player/isbeingtracked?id=${player.id}`) .json(), }); @@ -29,7 +31,12 @@ export default function PlayerTrackedStatus({ player }: Props) { return (
This player is having their statistics tracked!

} + display={ +
+

This player is having their statistics tracked!

+

Tracked Since: {format(data.trackedSince)}

+
+ } side="bottom" >