|
@@ -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,14 +77,19 @@ export const BonusContent = (props: { wallet: Wallet, handleAcquire?: any }) =>
|
|
|
<li>{t("bonusDesc2")}</li>
|
|
|
<li>{t("bonusDesc3")}</li>
|
|
|
</ul>
|
|
|
- {
|
|
|
- handleAcquire && <a className={`carteira-box ${wallet.is_point_transfer ? 'active' : ''}`} onClick={() => handleAcquire(2, wallet.is_point_transfer)}>{t("carteira")}</a>
|
|
|
- }
|
|
|
+ {handleAcquire && (
|
|
|
+ <a
|
|
|
+ className={`carteira-box ${wallet.is_point_transfer ? "active" : ""}`}
|
|
|
+ onClick={() => handleAcquire(1, wallet.is_point_transfer)}
|
|
|
+ >
|
|
|
+ {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 (
|
|
@@ -93,20 +98,28 @@ 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>
|
|
|
- {
|
|
|
- handleAcquire && <a className={`carteira-box ${wallet.is_free_transfer ? 'active' : ''}`} onClick={() => handleAcquire(3, wallet.is_free_transfer)}>{t("carteira")}</a>
|
|
|
- }
|
|
|
+ {handleAcquire && (
|
|
|
+ <a
|
|
|
+ className={`carteira-box ${wallet.is_free_transfer ? "active" : ""}`}
|
|
|
+ onClick={() => handleAcquire(2, wallet.is_free_transfer)}
|
|
|
+ >
|
|
|
+ {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 (
|
|
@@ -115,16 +128,24 @@ 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>
|
|
|
- {
|
|
|
- handleAcquire && <a className={`carteira-box ${wallet.is_lose_transfer ? 'active' : ''}`} onClick={() => handleAcquire(4, wallet.is_lose_transfer)}>{t("carteira")}</a>
|
|
|
- }
|
|
|
+ {handleAcquire && (
|
|
|
+ <a
|
|
|
+ className={`carteira-box ${wallet.is_lose_transfer ? "active" : ""}`}
|
|
|
+ onClick={() => handleAcquire(3, wallet.is_lose_transfer)}
|
|
|
+ >
|
|
|
+ {t("carteira")}
|
|
|
+ </a>
|
|
|
+ )}
|
|
|
</div>
|
|
|
);
|
|
|
};
|