Suspendedremoval

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 (
         <div>
           <div className="rounded-xl border border-amber-500/30 bg-amber-500/5 px-4 py-3">
@@ -206,8 +206,8 @@ export function SubscriptionToggle({
               {t("resumeRequestPendingTitle")}
             </div>
             <div className="text-xs text-text-secondary">
-              {t.rich("resumeRequestPendingDescription", {
-                when: f.relativeTime(submittedDate),
+              {t("resumeRequestPendingDescription", {
+                when: formatRelative(pendingResumeRequest.createdAt, f),
               })}
             </div>
             <button