From 778e78ac683a1cd7a9507b97b28c0a40d2d54081 Mon Sep 17 00:00:00 2001
From: "web@ppanel" <web@ppanel.dev>
Date: Wed, 4 Mar 2026 03:00:53 +0800
Subject: [PATCH] fix(user): show expire time & improve renewal dialog on
 mobile (#22)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 🐛 fix(admin): prioritize follow-up tickets by updated time

* ✨ feat(dashboard): show node/user traffic ranks side-by-side

* 🐛 fix(user): show expire time & improve renewal dialog on mobile
---
 apps/user/public/assets/locales/en-US/dashboard.json | 1 +
 apps/user/public/assets/locales/zh-CN/dashboard.json | 1 +
 apps/user/src/sections/subscribe/renewal.tsx         | 4 ++--
 apps/user/src/sections/user/dashboard/content.tsx    | 5 ++++-
 4 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/apps/user/public/assets/locales/en-US/dashboard.json b/apps/user/public/assets/locales/en-US/dashboard.json
index bbc8be3..50f51c8 100644
--- a/apps/user/public/assets/locales/en-US/dashboard.json
+++ b/apps/user/public/assets/locales/en-US/dashboard.json
@@ -6,6 +6,7 @@
   "copySuccess": "Copy Success",
   "deducted": "Deducted",
   "download": "Download",
+  "expireAt": "Expires At",
   "expirationDays": "Expiration Days",
   "expired": "Expired",
   "finished": "Finished",
diff --git a/apps/user/public/assets/locales/zh-CN/dashboard.json b/apps/user/public/assets/locales/zh-CN/dashboard.json
index 2eb4e5a..82407b7 100644
--- a/apps/user/public/assets/locales/zh-CN/dashboard.json
+++ b/apps/user/public/assets/locales/zh-CN/dashboard.json
@@ -6,6 +6,7 @@
   "copySuccess": "复制成功",
   "deducted": "已扣除",
   "download": "下载",
+  "expireAt": "到期时间",
   "expirationDays": "过期天数",
   "expired": "已过期",
   "finished": "已完成",
diff --git a/apps/user/src/sections/subscribe/renewal.tsx b/apps/user/src/sections/subscribe/renewal.tsx
index 2e91825..6f8d1f5 100644
--- a/apps/user/src/sections/subscribe/renewal.tsx
+++ b/apps/user/src/sections/subscribe/renewal.tsx
@@ -115,7 +115,7 @@ export default function Renewal({ id, subscribe }: Readonly<RenewalProps>) {
       <DialogTrigger asChild>
         <Button size="sm">{t("renew", "Renew")}</Button>
       </DialogTrigger>
-      <DialogContent className="flex h-full flex-col overflow-hidden md:h-auto md:max-w-screen-lg">
+      <DialogContent className="flex h-full flex-col overflow-y-auto md:h-auto md:max-w-screen-lg">
         <DialogHeader>
           <DialogTitle>
             {t("renewSubscription", "Renew Subscription")}
@@ -164,7 +164,7 @@ export default function Renewal({ id, subscribe }: Readonly<RenewalProps>) {
               />
             </div>
             <Button
-              className="fixed bottom-0 left-0 w-full md:relative md:mt-6"
+              className="sticky bottom-0 left-0 w-full bg-background md:relative md:mt-6"
               disabled={loading}
               onClick={handleSubmit}
             >
diff --git a/apps/user/src/sections/user/dashboard/content.tsx b/apps/user/src/sections/user/dashboard/content.tsx
index 82955ff..5a0d506 100644
--- a/apps/user/src/sections/user/dashboard/content.tsx
+++ b/apps/user/src/sections/user/dashboard/content.tsx
@@ -277,7 +277,10 @@ export default function Content() {
                   <CardTitle className="font-medium">
                     {item.subscribe.name}
                     <p className="mt-1 text-foreground/50 text-sm">
-                      {formatDate(item.start_time)}
+                      {t("expireAt", "Expires At")}:{" "}
+                      {item.expire_time
+                        ? formatDate(item.expire_time)
+                        : t("noLimit", "No Limit")}
                     </p>
                   </CardTitle>
                   {item.status !== 4 && (