【bcwin网站】其他钱包转化现金优化

src/components/ModalPopup/WalletDescribeModal/index.tsx

@@ -60,7 +60,7 @@ export const BalanceContent = (props: { wallet: Wallet }) => {
     );
 };
 
-export const BonusContent = (props: { wallet: Wallet, handleAcquire: any }) => {
+export const BonusContent = (props: { wallet: Wallet, handleAcquire?: any }) => {
     const { wallet, handleAcquire } = props;
     const t = useTranslations("ProfilePage");
     return (
@@ -77,12 +77,14 @@ export const BonusContent = (props: { wallet: Wallet, handleAcquire: any }) => {
                 <li>{t("bonusDesc2")}</li>
                 <li>{t("bonusDesc3")}</li>
             </ul>
-            <a className={"carteira-box"} onClick={() => handleAcquire()}>{t("carteira")}</a>
+            {
+                handleAcquire && percentage(wallet.current_point_rollover, wallet.target_point_rollover) >= 100 && <a className={"carteira-box"} onClick={() => handleAcquire()}>{t("carteira")}</a>
+            }
         </div>
     );
 };
 
-export const FreeContent = (props: { wallet: Wallet, handleAcquire: any }) => {
+export const FreeContent = (props: { wallet: Wallet, handleAcquire?: any }) => {
     const { wallet, handleAcquire } = props;
     const t = useTranslations("ProfilePage");
     return (
@@ -91,21 +93,20 @@ export const FreeContent = (props: { wallet: Wallet, handleAcquire: any }) => {
                 difference={wallet.target_free_score_rollover - wallet.current_free_score_rollover}
                 type={t("free")}
                 current={wallet.free_score || 0}
-                percentage={percentage(
-                    wallet.current_free_score_rollover,
-                    wallet.target_free_score_rollover
-                )}
+                percentage={percentage(wallet.current_free_score_rollover, wallet.target_free_score_rollover)}
             />
             <p className={"text-center"}>{t("freeArticle")}</p>
             <ul className={"ml-[0.1389rem] list-decimal text-[0.12rem] text-[#666]"}>
                 <li>{t("freeDesc1")}</li>
                 <li>{t("freeDesc2")}</li>
             </ul>
-            <a className={"carteira-box"} onClick={() => handleAcquire()}>{t("carteira")}</a>
+            {
+                handleAcquire && percentage(wallet.current_free_score_rollover, wallet.target_free_score_rollover) >= 100 && <a className={"carteira-box"} onClick={() => handleAcquire()}>{t("carteira")}</a>
+            }
         </div>
     );
 };
-export const ReplayContent = (props: { wallet: Wallet, handleAcquire: any }) => {
+export const ReplayContent = (props: { wallet: Wallet, handleAcquire?: any }) => {
     const { wallet, handleAcquire } = props;
     const t = useTranslations("ProfilePage");
     return (
@@ -114,17 +115,16 @@ export const ReplayContent = (props: { wallet: Wallet, handleAcquire: any }) =>
                 difference={wallet.target_lose_score_rollover - wallet.current_lose_score_rollover}
                 type={t("replay")}
                 current={wallet.lose_score || 0}
-                percentage={percentage(
-                    wallet.current_lose_score_rollover,
-                    wallet.target_lose_score_rollover
-                )}
+                percentage={percentage(wallet.current_lose_score_rollover, wallet.target_lose_score_rollover)}
             />
             <p className={"text-center"}>{t("replayArticle")}</p>
             <ul className={"ml-[0.1389rem] list-decimal text-[0.12rem] text-[#666]"}>
                 <li>{t("replayDesc1")}</li>
                 <li>{t("replayDesc2")}</li>
             </ul>
-            <a className={"carteira-box"} onClick={() => handleAcquire()}>{t("carteira")}</a>
+            {
+                handleAcquire && percentage(wallet.current_lose_score_rollover, wallet.target_lose_score_rollover) >= 100 && <a className={"carteira-box"} onClick={() => handleAcquire()}>{t("carteira")}</a>
+            }
         </div>
     );
 };