Function PremiumStatus

src/components/AccountPanel.tsx:73–91

({ activeOrder }: PremiumStatusProps)

}

function PremiumStatus({ activeOrder }: PremiumStatusProps) {
  const t = useTranslations("Pricing");
  const status = activeOrder?.status;
  const renewsAt = activeOrder?.renews_at;
  const endsAt = activeOrder?.ends_at;
  const text: MessageKey = status === "active" ? "renew_display_prefix" : "expired_display_prefix";
  const date = status === "active" ? renewsAt : endsAt;

  if (!activeOrder || !date) {
    return null;
  }

  return (
    <span className="flex gap-1">
      <Typography affects="muted">{t(text)}</Typography>
      <Typography>{dateToYYYYMMDD(date)}</Typography>
    </span>
  );
}