diff --git a/src/components/tenants/subscription-toggle.tsx b/src/components/tenants/subscription-toggle.tsx index 8b8ed5a..4375517 100644 --- a/src/components/tenants/subscription-toggle.tsx +++ b/src/components/tenants/subscription-toggle.tsx @@ -4,6 +4,7 @@ import { useState } from "react"; import { useRouter } from "next/navigation"; import { useTranslations, useFormatter } from "next-intl"; import { Modal } from "@/components/ui/modal"; +import { formatRelative } from "@/lib/format"; interface Props { tenantName: string; @@ -198,7 +199,6 @@ export function SubscriptionToggle({ // Owner with pending resume request: render the request status // card with cancel. if (pendingResumeRequest) { - const submittedDate = new Date(pendingResumeRequest.createdAt); return (
@@ -206,8 +206,8 @@ export function SubscriptionToggle({ {t("resumeRequestPendingTitle")}
- {t.rich("resumeRequestPendingDescription", { - when: f.relativeTime(submittedDate), + {t("resumeRequestPendingDescription", { + when: formatRelative(pendingResumeRequest.createdAt, f), })}