Browse Source

fix: 10384 【佣金领取】佣金满足领取条件时领取按钮显示置灰状态

ansoni 2 months ago
parent
commit
1e21fa6717

+ 7 - 1
src/app/[locale]/affiliate/summary/page.scss

@@ -153,8 +153,14 @@
     border-radius: .03rem;
     text-align: center;
     margin-top: .08rem;
-  cursor: pointer;
+    cursor: pointer;
 }
+
+  .btn-disable {
+    background: #e8e8e8;
+    border: .01rem solid #e8e8e8;
+    cursor: default;
+  }
 .summary .content .wallet .tip {
     font-size: .11rem;
     color: #383838;

+ 8 - 1
src/app/[locale]/affiliate/summary/page.tsx

@@ -16,6 +16,7 @@ import { getToken } from "@/utils/Cookies";
 import { copyText, flatPoint } from "@/utils/methods";
 import { useRequest } from "ahooks";
 import { Mask, Toast } from "antd-mobile";
+import clsx from "clsx";
 import { useTranslations } from "next-intl";
 import Image from "next/image";
 import { FC, useEffect, useRef, useState } from "react";
@@ -477,7 +478,13 @@ const App: FC<Props> = (props) => {
                                 </li>
                             </ul>
                             <div className="wallet">
-                                <div className="btn" onClick={withdrawalHandler}>
+                                <div
+                                    className={clsx(
+                                        "btn",
+                                        !commissionData?.enable_receive ? "btn-disable" : ""
+                                    )}
+                                    onClick={withdrawalHandler}
+                                >
                                     {t("TRANSFERIR")}
                                 </div>
                                 <div className="tip">