|
@@ -151,155 +151,162 @@ const Page = () => {
|
|
|
</div>
|
|
|
}
|
|
|
/>
|
|
|
- <main className={"main-header hasFlag stickyFlag p-[.1rem]"} id="mainBox">
|
|
|
- <div className={styles.pageContainer}>
|
|
|
- <div className={styles.tabTop}>
|
|
|
- <Tabs items={Tab1Cfg}></Tabs>
|
|
|
- </div>
|
|
|
- <div className={styles.tabType}>
|
|
|
- <Tabs items={Tab2Cfg}></Tabs>
|
|
|
- </div>
|
|
|
- <div className="min-h-[0] flex-1 overflow-auto">
|
|
|
- <div
|
|
|
- className={clsx(
|
|
|
- styles.total,
|
|
|
- "flex w-full flex-row items-stretch gap-[15px] rounded-[var(--borderRadius)] p-[15px]"
|
|
|
- )}
|
|
|
- >
|
|
|
- <img
|
|
|
- src="/rank/H7_jackpot_jiangbei_icon.webp"
|
|
|
- alt=""
|
|
|
- className="w-[100px]"
|
|
|
- />
|
|
|
- <div className="flex flex-1 flex-col justify-between leading-[1]">
|
|
|
- <div className="flex items-center">
|
|
|
- <img
|
|
|
- className="w-[10px]"
|
|
|
- src="/rank/H7_jackpot_yezi_icon.webp"
|
|
|
- style={{
|
|
|
- transform: "rotateY(180deg)",
|
|
|
- transformOrigin: "center",
|
|
|
- }}
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <span className="mx-[.1rem] text-[14px] font-black">
|
|
|
- Daily Contest
|
|
|
- </span>
|
|
|
- <img
|
|
|
- className="w-[10px]"
|
|
|
- src="/rank/H7_jackpot_yezi_icon.webp"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- </div>
|
|
|
- <div className="text text-[14px]">Contest prize pool</div>
|
|
|
- <div
|
|
|
- style={{
|
|
|
- boxShadow: "0 0 0 1px var(--primary-button) inset",
|
|
|
- }}
|
|
|
- className="flex items-center rounded-[var(--borderRadius)] bg-[#fff] py-[6px] pl-[20px] text-[17px] font-black tracking-[2px] text-[var(--textColor4)]"
|
|
|
- >
|
|
|
- R$ {data?.total || 0}
|
|
|
- </div>
|
|
|
- <div className="text-[12px]">
|
|
|
- 2025-07-30 00:00 ~ 2025-07-31 00:00
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <main className={"main-header hasFlag stickyFlag"} id="mainBox">
|
|
|
+ <div className="h-[100%] p-[.1rem]">
|
|
|
+ <div className={styles.pageContainer}>
|
|
|
+ <div className={styles.tabTop}>
|
|
|
+ <Tabs items={Tab1Cfg}></Tabs>
|
|
|
+ </div>
|
|
|
+ <div className={styles.tabType}>
|
|
|
+ <Tabs items={Tab2Cfg}></Tabs>
|
|
|
</div>
|
|
|
- <div className="mt-[.1rem] rounded-[var(--borderRadius)] bg-[var(--main-background)] px-[15px] py-[10px]">
|
|
|
- <div className="flex items-center justify-between border-b-[1px] border-[var(--primary-button)] pb-[.1rem]">
|
|
|
- <Image
|
|
|
- src={HeaderImageMap.get(1)?.img || "/img/avatar.webp"}
|
|
|
- className={"mr-[.1rem] h-[58px] w-[58px] rounded-[50%]"}
|
|
|
- alt={"avatar"}
|
|
|
- width={120}
|
|
|
- height={120}
|
|
|
+ <div className="min-h-[0] flex-1 overflow-auto">
|
|
|
+ <div
|
|
|
+ className={clsx(
|
|
|
+ styles.total,
|
|
|
+ "flex w-full flex-row items-stretch gap-[15px] rounded-[var(--borderRadius)] p-[15px]"
|
|
|
+ )}
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ src="/rank/H7_jackpot_jiangbei_icon.webp"
|
|
|
+ alt=""
|
|
|
+ className="w-[100px]"
|
|
|
/>
|
|
|
- <div className="flex flex-1 flex-col justify-between">
|
|
|
- <div className="font-black">
|
|
|
- {cryptoStr(data?.self_rank?.nickName)}
|
|
|
+ <div className="flex flex-1 flex-col justify-between leading-[1]">
|
|
|
+ <div className="flex items-center">
|
|
|
+ <img
|
|
|
+ className="w-[10px]"
|
|
|
+ src="/rank/H7_jackpot_yezi_icon.webp"
|
|
|
+ style={{
|
|
|
+ transform: "rotateY(180deg)",
|
|
|
+ transformOrigin: "center",
|
|
|
+ }}
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <span className="mx-[.1rem] text-[14px] font-black">
|
|
|
+ Daily Contest
|
|
|
+ </span>
|
|
|
+ <img
|
|
|
+ className="w-[10px]"
|
|
|
+ src="/rank/H7_jackpot_yezi_icon.webp"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div className="text text-[14px]">Contest prize pool</div>
|
|
|
+ <div
|
|
|
+ style={{
|
|
|
+ boxShadow: "0 0 0 1px var(--primary-button) inset",
|
|
|
+ }}
|
|
|
+ className="flex items-center rounded-[var(--borderRadius)] bg-[#fff] py-[6px] pl-[20px] text-[17px] font-black tracking-[2px] text-[var(--textColor4)]"
|
|
|
+ >
|
|
|
+ R$ {data?.total || 0}
|
|
|
+ </div>
|
|
|
+ <div className="text-[12px]">
|
|
|
+ 2025-07-30 00:00 ~ 2025-07-31 00:00
|
|
|
</div>
|
|
|
- <div>Apostas: 0</div>
|
|
|
</div>
|
|
|
- <CustomButton className="!px-[.1rem] !py-[.08rem]">
|
|
|
- Aposte
|
|
|
- </CustomButton>
|
|
|
</div>
|
|
|
- <div className="mt-[10px] flex items-center">
|
|
|
- <div className="flex flex-1 flex-col items-center justify-between border-r-[1px] border-[var(--primary-button)]">
|
|
|
- <div className="text-[14px] font-black">Meu ranking</div>
|
|
|
- <div className="mt-[8px] text-[16px] font-black">
|
|
|
- Fora do ranking
|
|
|
+ <div className="mt-[.1rem] rounded-[var(--borderRadius)] bg-[var(--main-background)] px-[15px] py-[10px]">
|
|
|
+ <div className="flex items-center justify-between border-b-[1px] border-[var(--primary-button)] pb-[.1rem]">
|
|
|
+ <Image
|
|
|
+ src={HeaderImageMap.get(1)?.img || "/img/avatar.webp"}
|
|
|
+ className={"mr-[.1rem] h-[58px] w-[58px] rounded-[50%]"}
|
|
|
+ alt={"avatar"}
|
|
|
+ width={120}
|
|
|
+ height={120}
|
|
|
+ />
|
|
|
+ <div className="flex flex-1 flex-col justify-between">
|
|
|
+ <div className="font-black">
|
|
|
+ {cryptoStr(data?.self_rank?.nickName)}
|
|
|
+ </div>
|
|
|
+ <div>Apostas: 0</div>
|
|
|
</div>
|
|
|
+ <CustomButton className="!px-[.1rem] !py-[.08rem]">
|
|
|
+ Aposte
|
|
|
+ </CustomButton>
|
|
|
</div>
|
|
|
- <div className="flex flex-1 flex-col items-center justify-between">
|
|
|
- <div className="text-[14px] font-black">Prêmio</div>
|
|
|
- <div className="mt-[8px] text-[14px] font-black">
|
|
|
- {data?.self_rank?.reward && data.self_rank.reward[0]
|
|
|
- ? data.self_rank.reward[0].amount
|
|
|
- : 0}{" "}
|
|
|
- <span className="text-[var(--textColor4)]">
|
|
|
- (
|
|
|
+ <div className="mt-[10px] flex items-center">
|
|
|
+ <div className="flex flex-1 flex-col items-center justify-between border-r-[1px] border-[var(--primary-button)]">
|
|
|
+ <div className="text-[14px] font-black">Meu ranking</div>
|
|
|
+ <div className="mt-[8px] text-[16px] font-black">
|
|
|
+ Fora do ranking
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="flex flex-1 flex-col items-center justify-between">
|
|
|
+ <div className="text-[14px] font-black">Prêmio</div>
|
|
|
+ <div className="mt-[8px] text-[14px] font-black">
|
|
|
{data?.self_rank?.reward && data.self_rank.reward[0]
|
|
|
- ? data.self_rank.reward[0].ratio
|
|
|
- : 0}
|
|
|
- %)
|
|
|
- </span>
|
|
|
+ ? data.self_rank.reward[0].amount
|
|
|
+ : 0}{" "}
|
|
|
+ <span className="text-[var(--textColor4)]">
|
|
|
+ (
|
|
|
+ {data?.self_rank?.reward && data.self_rank.reward[0]
|
|
|
+ ? data.self_rank.reward[0].ratio
|
|
|
+ : 0}
|
|
|
+ %)
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <h3 className="py-[.1rem] text-center text-[14px] text-[var(--textColor2)]">
|
|
|
- Aposte para subir no ranking
|
|
|
- </h3>
|
|
|
- <div className="mt-[.1rem] flex items-center justify-between">
|
|
|
- <CustomButton
|
|
|
- className={styles.agentBtn}
|
|
|
- onClick={() => router.push("/rank/history")}
|
|
|
- >
|
|
|
- <i className="iconfont icon-huodejiangli mr-[.1rem] scale-[1.4] transform text-[var(--primary-button)]"></i>
|
|
|
- <span className="text-[var(--textColor1)]">Prêmio histórico</span>
|
|
|
- </CustomButton>
|
|
|
- <CustomButton className={styles.agentBtn}>
|
|
|
- <i className="iconfont icon-wenjian mr-[.1rem] scale-[1.4] transform text-[var(--primary-button)]"></i>
|
|
|
- <span className="text-[var(--textColor1)]">Regras</span>
|
|
|
- </CustomButton>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div className="flex items-center px-[10px] py-[10px] text-[.13rem] font-black">
|
|
|
- <div className="w-[40px] text-center">Rank</div>
|
|
|
- <div className="w-[100px] text-center">Jogador</div>
|
|
|
- <div className="w-[80px] text-center">Apostas</div>
|
|
|
- <div className="flex-1 text-right">Prêmio</div>
|
|
|
+ <h3 className="py-[.1rem] text-center text-[14px] text-[var(--textColor2)]">
|
|
|
+ Aposte para subir no ranking
|
|
|
+ </h3>
|
|
|
+ <div className="mt-[.1rem] flex items-center justify-between">
|
|
|
+ <CustomButton
|
|
|
+ className={styles.agentBtn}
|
|
|
+ onClick={() => router.push("/rank/history")}
|
|
|
+ >
|
|
|
+ <i className="iconfont icon-huodejiangli mr-[.1rem] scale-[1.4] transform text-[var(--primary-button)]"></i>
|
|
|
+ <span className="text-[var(--textColor1)]">
|
|
|
+ Prêmio histórico
|
|
|
+ </span>
|
|
|
+ </CustomButton>
|
|
|
+ <CustomButton
|
|
|
+ className={styles.agentBtn}
|
|
|
+ onClick={() => router.push("/rank/rules")}
|
|
|
+ >
|
|
|
+ <i className="iconfont icon-wenjian mr-[.1rem] scale-[1.4] transform text-[var(--primary-button)]"></i>
|
|
|
+ <span className="text-[var(--textColor1)]">Regras</span>
|
|
|
+ </CustomButton>
|
|
|
</div>
|
|
|
- {!!rankList?.length &&
|
|
|
- rankList.map((item) => {
|
|
|
- let curReward: RankReward = {} as RankReward;
|
|
|
- if (item?.reward?.length) {
|
|
|
- curReward = item?.reward[0];
|
|
|
- }
|
|
|
- return (
|
|
|
- <div
|
|
|
- key={item.rank}
|
|
|
- className="flex items-center px-[10px] py-[10px] text-[.12rem] font-normal"
|
|
|
- >
|
|
|
- <div className="w-[40px] text-center">
|
|
|
- {getNumber(item.rank)}
|
|
|
- </div>
|
|
|
- <div className="w-[100px] text-center">
|
|
|
- {cryptoStr(item?.nickName)}
|
|
|
- </div>
|
|
|
- <div className="w-[80px] text-center text-[var(--textColor4)]">
|
|
|
- {item.score}
|
|
|
- </div>
|
|
|
- <div className="flex-1 text-right text-[var(--textColor4)]">
|
|
|
- R${curReward?.amount || 0}
|
|
|
- <span className="text-[var(--textColor1)]">
|
|
|
- ({curReward?.ratio || 0}%)
|
|
|
- </span>
|
|
|
+ <div>
|
|
|
+ <div className="flex items-center px-[10px] py-[10px] text-[.13rem] font-black">
|
|
|
+ <div className="w-[40px] text-center">Rank</div>
|
|
|
+ <div className="w-[100px] text-center">Jogador</div>
|
|
|
+ <div className="w-[80px] text-center">Apostas</div>
|
|
|
+ <div className="flex-1 text-right">Prêmio</div>
|
|
|
+ </div>
|
|
|
+ {!!rankList?.length &&
|
|
|
+ rankList.map((item) => {
|
|
|
+ let curReward: RankReward = {} as RankReward;
|
|
|
+ if (item?.reward?.length) {
|
|
|
+ curReward = item?.reward[0];
|
|
|
+ }
|
|
|
+ return (
|
|
|
+ <div
|
|
|
+ key={item.rank}
|
|
|
+ className="flex items-center px-[10px] py-[10px] text-[.12rem] font-normal"
|
|
|
+ >
|
|
|
+ <div className="w-[40px] text-center">
|
|
|
+ {getNumber(item.rank)}
|
|
|
+ </div>
|
|
|
+ <div className="w-[100px] text-center">
|
|
|
+ {cryptoStr(item?.nickName)}
|
|
|
+ </div>
|
|
|
+ <div className="w-[80px] text-center text-[var(--textColor4)]">
|
|
|
+ {item.score}
|
|
|
+ </div>
|
|
|
+ <div className="flex-1 text-right text-[var(--textColor4)]">
|
|
|
+ R${curReward?.amount || 0}
|
|
|
+ <span className="text-[var(--textColor1)]">
|
|
|
+ ({curReward?.ratio || 0}%)
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- );
|
|
|
- })}
|
|
|
+ );
|
|
|
+ })}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|