feat: xiugai

src/api/depositsApi.ts

@@ -81,15 +81,15 @@ export const getShopListApi = () => {
 };
 
 export interface ShopPayRewardItem {
-    ItemID: number;
-    Reward: number;
-    Amount: number;
-    Rollover: number;
-    MaxReward: number;
+    item_id: 1 | 2 | 3 | 4;
+    reward: 1 | 2;
+    amount: number;
+    rollover: number;
+    max_reward: number;
 }
 export interface ShopActivityRewardItem {
-    item_id: number;
-    reward: number;
+    item_id: 1 | 2 | 3 | 4;
+    reward: 1 | 2;
     amount: number;
     rollover: number;
     max_reward: number;

src/app/[locale]/(TabBar)/deposit/Reward.tsx

@@ -15,46 +15,48 @@ const mapKey: any = {
 };
 
 const Reward: React.FC<Props> = ({ data }) => {
+    const getSuffix = (type: 1 | 2) => {
+        const typeMap: any = {
+            1: "BRL",
+            2: "%",
+        };
+        return typeMap[type];
+    };
     const renderData = React.useMemo(() => {
         if (!!(!data?.activity_reward || !data?.activity_reward)) return [];
         const result: any = {};
+
         if (data?.activity_reward?.length > 0) {
             data?.activity_reward?.forEach((item) => {
                 if (item?.item_id <= 0 || item?.item_id > 4) return;
                 result[item?.item_id] = {
-                    amount: item?.amount,
-                    suffix: item.reward === 1 ? "BRL" : "%",
+                    amount: `${item?.amount} ${getSuffix(item.reward)}`,
+                    reward: item?.reward,
                 };
             });
         }
         if (data?.pay_reward?.length > 0) {
-            data?.activity_reward?.forEach((item) => {
+            data?.pay_reward?.forEach((item) => {
                 if (item?.item_id <= 0 || item?.item_id > 4) return;
+                const hasData = result[item?.item_id];
+                let amount = "";
+                if (hasData) {
+                    if (hasData.reward === item.reward) {
+                        amount = `${Number(hasData.amount) + Number(item?.amount)}`;
+                    } else {
+                        amount = `${hasData?.amount} + ${item?.amount}`;
+                    }
+                } else {
+                    amount = `${item?.amount} `;
+                }
                 result[item?.item_id] = {
-                    amount: item?.amount,
-                    suffix: item.reward === 1 ? "BRL" : "%",
+                    amount: `${amount} ${getSuffix(item.reward)}`,
                 };
             });
         }
         // return result;
         return {
             ...result,
-            1: {
-                amount: 20,
-                suffix: "BRL",
-            },
-            2: {
-                amount: 20,
-                suffix: "%",
-            },
-            3: {
-                amount: 20,
-                suffix: "BRL",
-            },
-            4: {
-                amount: 20,
-                suffix: "BRL",
-            },
         };
     }, [data]);
     // D 1现金2彩金3免费币4重玩币
@@ -69,9 +71,7 @@ const Reward: React.FC<Props> = ({ data }) => {
                         <i className={clsx(styles[mapKey[key]])}></i>
                         <div className="relative -top-[5px] text-[#fff]">
                             <div>{mapKey[key]}</div>
-                            <div>
-                                {renderData[key].amount} {renderData[key].suffix}
-                            </div>
+                            <div>{renderData[key].amount}</div>
                         </div>
                     </div>
                 );