fix(dashboard): say whether the day count is remaining or overdue

[echoowall]

问题

订阅卡片上这一格用同一个标签「Expiration Days / 过期天数」套在 Math.abs(...) 上:

// apps/user/src/sections/user/dashboard/content.tsx
<span className="text-muted-foreground">
  {t("expirationDays", "Expiration Days")}
</span>
<span className="font-semibold text-2xl">
  {item.expire_time
    ? Math.abs(differenceInDays(new Date(item.expire_time), new Date()))
    : t("noLimit", "No Limit")}
</span>

Math.abs 让两种相反的状态渲染出完全相同的结果:

实际情况	显示
还剩 47 天到期	47
已经过期 47 天	47

而标签本身也是双关的 —— 「过期天数」既可以理解成「距离过期还有几天」,也可以理解成「已经过期了几天」。数字和标题互相都无法消歧,用户按自己的预期去读,读到哪个全看运气。

这在实际运营中会造成反向效果:已过期的用户看到一个正数,以为自己还有时间,反而不会去续费。

改动

卡片本身已经为水印和 greyscale 计算了 isActuallyExpired,标签直接跟着它走:

{isActuallyExpired
  ? t("expiredDays", "Days Expired")
  : t("remainingDays", "Remaining Days")}

数值保留 Math.abs —— 方向已经由标签承担;去掉 abs 只会让已过期的重新显示负数,那正是它当初被加上的原因。

新增两个 key(zh-CN / en-US),移除不再被引用的 expirationDays。

验证

bun --filter ppanel-user-web check 与 bun run build 均通过。

[web-ppanel]

🎉 This PR is included in version 1.15.1-dev.1 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀