From 9765a0c7423de687704271a0f88cb41c0bf8d7d4 Mon Sep 17 00:00:00 2001
From: EUForest <EUForest@tutamail.com>
Date: Sun, 8 Feb 2026 21:52:43 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20TypeScript=20build=20erro?=
 =?UTF-8?q?rs=20in=20redeem-code=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Fix type error for accessing response.data.message with proper type assertion
- Remove invalid 'loading' prop from Button component
- Add conditional text rendering for loading state

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 apps/user/src/sections/user/dashboard/redeem-code.tsx | 8 +++++---
 packages/ui/src/services/user/user.ts                 | 2 +-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/apps/user/src/sections/user/dashboard/redeem-code.tsx b/apps/user/src/sections/user/dashboard/redeem-code.tsx
index 42d7198..a4d4543 100644
--- a/apps/user/src/sections/user/dashboard/redeem-code.tsx
+++ b/apps/user/src/sections/user/dashboard/redeem-code.tsx
@@ -25,7 +25,8 @@ export default function RedeemCode({ onSuccess }: RedeemCodeProps) {
   const redeemMutation = useMutation({
     mutationFn: (code: string) => redeemCode({ code }),
     onSuccess: (response) => {
-      toast.success(response.data.message || t("redeemSuccess", "兑换成功"));
+      const message = (response.data as { message?: string })?.message || t("redeemSuccess", "兑换成功");
+      toast.success(message);
       setCode("");
       onSuccess?.();
     },
@@ -71,10 +72,11 @@ export default function RedeemCode({ onSuccess }: RedeemCodeProps) {
               />
               <Button
                 disabled={redeemMutation.isPending || !code.trim()}
-                loading={redeemMutation.isPending}
                 type="submit"
               >
-                {t("redeem", "兑换")}
+                {redeemMutation.isPending
+                  ? t("redeeming", "兑换中...")
+                  : t("redeem", "兑换")}
               </Button>
             </div>
           </div>
diff --git a/packages/ui/src/services/user/user.ts b/packages/ui/src/services/user/user.ts
index f931d99..d340b97 100644
--- a/packages/ui/src/services/user/user.ts
+++ b/packages/ui/src/services/user/user.ts
@@ -273,7 +273,7 @@ export async function redeemCode(
   body: { code: string },
   options?: { [key: string]: any }
 ) {
-  return request<API.Response & { data?: { message: string } }>(
+  return request<API.Response & { data: { message: string } }>(
     `${import.meta.env.VITE_API_PREFIX || ""}/v1/public/redemption/`,
     {
       method: "POST",