|
@@ -3,8 +3,8 @@ import Box from "@/components/Box";
|
|
|
import { Link, usePathname, useRouter } from "@/i18n/routing";
|
|
|
import { useSocialStore } from "@/stores/useSocials";
|
|
|
import { useSystemStore } from "@/stores/useSystemStore";
|
|
|
-import { Input } from "antd-mobile";
|
|
|
import { useTranslations } from "next-intl";
|
|
|
+import Image from "next/image";
|
|
|
import { FC, PropsWithChildren, useEffect, useRef } from "react";
|
|
|
import { useSwiper } from "swiper/react";
|
|
|
interface Props {}
|
|
@@ -50,6 +50,12 @@ const Sidebar: FC<PropsWithChildren<Props>> = (props) => {
|
|
|
case 2:
|
|
|
router.push("/help");
|
|
|
break;
|
|
|
+ case 3:
|
|
|
+ router.push("/promo");
|
|
|
+ break;
|
|
|
+ case 4:
|
|
|
+ router.push("/promo");
|
|
|
+ break;
|
|
|
}
|
|
|
// 关闭侧边栏按钮
|
|
|
setCollapse(false);
|
|
@@ -70,6 +76,13 @@ const Sidebar: FC<PropsWithChildren<Props>> = (props) => {
|
|
|
|
|
|
return (
|
|
|
<Box>
|
|
|
+ <div className={"my-[10px] flex items-center"}>
|
|
|
+ <div className={"flex-1"}>
|
|
|
+ <Image src={"/logo.png"} alt={"logo"} width={140} height={120} />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <i className={"iconfont icon-guanbi"} onClick={() => tabHandler(999)}></i>
|
|
|
+ </div>
|
|
|
{/*tabs*/}
|
|
|
<div className={"relative"}>
|
|
|
<div className={"relative flex rounded bg-[#333]"}>
|
|
@@ -118,38 +131,90 @@ const Sidebar: FC<PropsWithChildren<Props>> = (props) => {
|
|
|
</div>
|
|
|
|
|
|
{/* gift */}
|
|
|
- <section className={"my-[0.11rem] flex items-center text-[0.15rem] text-[#fff]"}>
|
|
|
- <span
|
|
|
- className={"iconfont icon-liwulipinjiangpin mr-[0.0694rem] text-[0.16rem]"}
|
|
|
- ></span>
|
|
|
- <span> {t("promocoes")} </span>
|
|
|
+ <section
|
|
|
+ onClick={() => tabHandler(3)}
|
|
|
+ className={"my-[0.11rem] flex items-center text-[0.15rem]" + " text-[#fff]"}
|
|
|
+ >
|
|
|
+ <div className={"flex-1"}>
|
|
|
+ <span
|
|
|
+ className={
|
|
|
+ "iconfont icon-liwulipinjiangpin mr-[0.0694rem]" +
|
|
|
+ " text-[0.16rem] text-[#999]"
|
|
|
+ }
|
|
|
+ ></span>
|
|
|
+ <span> {t("promocoes")} </span>
|
|
|
+ </div>
|
|
|
+ {/*<span className={"iconfont icon-xiangyou1"}></span>*/}
|
|
|
</section>
|
|
|
- {/* Esportes */}
|
|
|
+
|
|
|
<section
|
|
|
- className={"flex items-center rounded-[3px] bg-[#3a3a3a] p-[0.08rem] text-[#fff]"}
|
|
|
- onClick={() => tabHandler(1)}
|
|
|
+ onClick={() => tabHandler(4)}
|
|
|
+ className={"my-[0.11rem] flex items-center text-[0.15rem]" + " text-[#fff]"}
|
|
|
>
|
|
|
- <i className={"iconfont icon-tiyu mr-[0.0694rem] text-[0.15rem]"}></i>
|
|
|
- <div className={"flex-1"}>{t("esportes")}</div>
|
|
|
- <i className={"iconfont icon-xiangyou1 text-[0.15rem]"}></i>
|
|
|
+ <div className={"flex-1"}>
|
|
|
+ <span
|
|
|
+ className={
|
|
|
+ "iconfont icon-qianbao3 mr-[0.0694rem] text-[0.16rem] text-[#999]"
|
|
|
+ }
|
|
|
+ ></span>
|
|
|
+ <span> {t("deposit")} </span>
|
|
|
+ </div>
|
|
|
+ {/*<span className={"iconfont icon-xiangyou1"}></span>*/}
|
|
|
</section>
|
|
|
- {/* code */}
|
|
|
- <section className={"mt-[0.11rem] text-[#fff]"}>{t("promoCode")}</section>
|
|
|
- <section className={"w-1/1 mt-[0.11rem] flex"}>
|
|
|
- <div className={"flex-1 bg-[#3a3a3a] p-[0.0694rem]" + " text-[#fff]"}>
|
|
|
- <Input
|
|
|
- placeholder={t("codeInputPlaceHolder")}
|
|
|
- clearable
|
|
|
- className={"text-[#fff]"}
|
|
|
- />
|
|
|
+
|
|
|
+ <section
|
|
|
+ onClick={() => tabHandler(2)}
|
|
|
+ className={"my-[0.11rem] flex items-center text-[0.15rem]" + " text-[#fff]"}
|
|
|
+ >
|
|
|
+ <div className={"flex-1"}>
|
|
|
+ <span
|
|
|
+ className={
|
|
|
+ "iconfont icon-bangzhu mr-[0.0694rem] text-[0.16rem] text-[#999]"
|
|
|
+ }
|
|
|
+ ></span>
|
|
|
+ <span> {t("ajude")} </span>
|
|
|
</div>
|
|
|
- <button
|
|
|
- className={`w-[0.6rem] bg-gradient-to-b from-[#a28362] to-[#986847] text-[0.12rem] text-[#fff]`}
|
|
|
- >
|
|
|
- {t("promoButton")}
|
|
|
- </button>
|
|
|
+ {/*<span className={"iconfont icon-xiangyou1"}></span>*/}
|
|
|
</section>
|
|
|
|
|
|
+ <section className={"my-[0.11rem] flex items-center text-[0.15rem]" + " text-[#fff]"}>
|
|
|
+ <Link href="mailto:support@bcwin777" className={"text-[#fff]"}>
|
|
|
+ <span
|
|
|
+ className={
|
|
|
+ "iconfont icon-duanxinguanli mr-[0.0694rem] text-[0.16rem] text-[#999]"
|
|
|
+ }
|
|
|
+ ></span>
|
|
|
+ <span> {t("email")} </span>
|
|
|
+ </Link>
|
|
|
+ {/*<span className={"iconfont icon-xiangyou1"}></span>*/}
|
|
|
+ </section>
|
|
|
+
|
|
|
+ {/* Esportes */}
|
|
|
+ {/*<section*/}
|
|
|
+ {/* className={"flex items-center rounded-[3px] bg-[#3a3a3a] p-[0.08rem] text-[#fff]"}*/}
|
|
|
+ {/* onClick={() => tabHandler(1)}*/}
|
|
|
+ {/*>*/}
|
|
|
+ {/* <i className={"iconfont icon-tiyu mr-[0.0694rem] text-[0.15rem]"}></i>*/}
|
|
|
+ {/* <div className={"flex-1"}>{t("esportes")}</div>*/}
|
|
|
+ {/* <i className={"iconfont icon-xiangyou1 text-[0.15rem]"}></i>*/}
|
|
|
+ {/*</section>*/}
|
|
|
+ {/* code */}
|
|
|
+ {/*<section className={"mt-[0.11rem] text-[#fff]"}>{t("promoCode")}</section>*/}
|
|
|
+ {/*<section className={"w-1/1 mt-[0.11rem] flex"}>*/}
|
|
|
+ {/* <div className={"flex-1 bg-[#3a3a3a] p-[0.0694rem]" + " text-[#fff]"}>*/}
|
|
|
+ {/* <Input*/}
|
|
|
+ {/* placeholder={t("codeInputPlaceHolder")}*/}
|
|
|
+ {/* clearable*/}
|
|
|
+ {/* className={"text-[#fff]"}*/}
|
|
|
+ {/* />*/}
|
|
|
+ {/* </div>*/}
|
|
|
+ {/* <button*/}
|
|
|
+ {/* className={`w-[0.6rem] bg-gradient-to-b from-[#a28362] to-[#986847] text-[0.12rem] text-[#fff]`}*/}
|
|
|
+ {/* >*/}
|
|
|
+ {/* {t("promoButton")}*/}
|
|
|
+ {/* </button>*/}
|
|
|
+ {/*</section>*/}
|
|
|
+
|
|
|
<section className={"mt-[0.11rem] text-[#fff]"}>{t("coumnidade")}</section>
|
|
|
|
|
|
<section className={"mt-[0.11rem] text-[#fff]"}>
|
|
@@ -178,23 +243,6 @@ const Sidebar: FC<PropsWithChildren<Props>> = (props) => {
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
- <section className={"mt-[0.11rem] text-[#7d7d7d]"}>
|
|
|
- <div onClick={() => tabHandler(2)} className={"flex items-center p-[0.08rem]"}>
|
|
|
- <i className={"iconfont icon-bangzhu mr-[0.0694rem] text-[0.15rem]"}></i>
|
|
|
- <div className={"flex-1"}> {t("ajude")}</div>
|
|
|
- </div>
|
|
|
- <Link
|
|
|
- href="mailto:support@bcwin777"
|
|
|
- className={"flex items-center p-[0.08rem] text-[#7d7d7d]"}
|
|
|
- >
|
|
|
- <i className={"iconfont icon-duanxinguanli mr-[0.0694rem] text-[0.15rem]"}></i>
|
|
|
- <div className={"flex-1"}> {t("email")}</div>
|
|
|
- </Link>
|
|
|
- {/*<div className={"flex items-center p-[0.08rem]"}>*/}
|
|
|
- {/* <i className={"iconfont icon-fenxiang mr-[0.0694rem] text-[0.15rem]"}></i>*/}
|
|
|
- {/* <div className={"flex-1"}> {t("inicial")} </div>*/}
|
|
|
- {/*</div>*/}
|
|
|
- </section>
|
|
|
{/*<section className={"flex justify-between p-[0.08rem] text-[12px] text-[#7d7d7d]"}>*/}
|
|
|
{/* <span>Version</span>*/}
|
|
|
{/* <span>0.0.2</span>*/}
|