feat: 添加剩余时长显示

MirrorChyan · Feb 4, 2025 · 5e91dd3 · 5e91dd3
1 parent 58622e6
commit 5e91dd3
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 3 deletions.
diff --git a/messages/en.json b/messages/en.json
@@ -18,7 +18,8 @@
     "yourKey": "Your CDKey",
     "invalidOrderId": "Order does not exist",
     "orderExpired": "CDKey has expired",
-    "expireAt": "Valid for {time}",
+    "expireAt": "Valid until {time}",
+    "timeLeft": "{relativeTime} remain",
     "goBack": "Go Back",
     "msg": {
       "Order not found": "Order does not exist"

diff --git a/messages/zh.json b/messages/zh.json
@@ -19,6 +19,7 @@
     "invalidOrderId": "订单不存在哦",
     "orderExpired": "CDKey已过期",
     "expireAt": "在 {time} 内可用",
+    "timeLeft": "剩余 {relativeTime}",
     "goBack": "返回",
     "msg": {
       "Order not found": "订单不存在哦"

diff --git a/src/app/[locale]/show-key/page.tsx b/src/app/[locale]/show-key/page.tsx
@@ -1,5 +1,5 @@
 import { BackgroundLines } from "@/components/BackgroundLines"
-import { getTranslations, getFormatter } from "next-intl/server"
+import { getTranslations, getFormatter, getLocale } from "next-intl/server"
 import moment from "moment"
 
 import CopyButton from "@/components/CopyButton"
@@ -11,6 +11,7 @@ type Props = {
 
 export default async function ShowKey({ searchParams }: Props) {
   const t = await getTranslations('ShowKey')
+  const locale = await getLocale()
   const format = await getFormatter()
   const { order_id } = await searchParams
   const response = await fetch(`https://mirrorc.top/api/billing/order/afdian?order_id=${order_id}`)
@@ -27,6 +28,10 @@ export default async function ShowKey({ searchParams }: Props) {
     minute: 'numeric',
   }) : null
 
+  moment.locale(locale)
+
+  const relativeTime = isSuccessful ? moment.duration(moment(data.expired_at).diff(moment())).humanize() : null
+
   return isSuccessful && !isExpired ? (
     <BackgroundLines className="select-none">
       <div className="flex min-h-screen flex-1 flex-col justify-center px-6 py-12 lg:px-8">
@@ -39,7 +44,10 @@ export default async function ShowKey({ searchParams }: Props) {
               <p>{t('yourKey')}:&nbsp;
                 <CopyButton text={data.cdk} />
               </p>
-              <p><span>{t('expireAt', { time })}</span></p>
+              <p>
+                <span>{t('expireAt', { time })}</span>
+                <span>({t('timeLeft', { relativeTime })})</span>
+              </p>
             </div>
           </div>
         </div>

diff --git a/src/i18n/routing.ts b/src/i18n/routing.ts
@@ -1,6 +1,8 @@
 import { defineRouting } from 'next-intl/routing';
 import { createNavigation } from 'next-intl/navigation';
 
+import 'moment/locale/zh-cn'
+
 export const routing = defineRouting({
   // A list of all locales that are supported
   locales: ['en', 'zh'],