|
|
@@ -2,10 +2,12 @@
|
|
|
import { FC, PropsWithChildren, useRef, useState } from "react";
|
|
|
import './page.scss'
|
|
|
import { useRouter } from "@/i18n"
|
|
|
+import { useTranslations } from "next-intl";
|
|
|
|
|
|
interface Props { }
|
|
|
|
|
|
const App: FC<PropsWithChildren<Props>> = (props) => {
|
|
|
+ const t = useTranslations("SummaryPage");
|
|
|
const router:any = useRouter()
|
|
|
const goPage = (path = '')=>{
|
|
|
if(path){
|
|
|
@@ -35,7 +37,7 @@ const App: FC<PropsWithChildren<Props>> = (props) => {
|
|
|
let r = ''
|
|
|
const arr = m.toString().split('')
|
|
|
arr.forEach((item,i)=>{
|
|
|
- if(i!==arr.length&&(arr.length-i-1)%3===0){
|
|
|
+ if(i!==(arr.length-1)&&(arr.length-i-1)%3===0){
|
|
|
r += item + ','
|
|
|
}else{
|
|
|
r += item
|
|
|
@@ -56,8 +58,8 @@ const App: FC<PropsWithChildren<Props>> = (props) => {
|
|
|
<span className="iconfont icon-xiangzuo1"/>
|
|
|
</div>
|
|
|
<div className="title">
|
|
|
- Afiliado
|
|
|
- <span> - Ganhe R$ 10.000 por dia</span>
|
|
|
+ {t("Afiliado")}
|
|
|
+ <span> - {t("title")}</span>
|
|
|
</div>
|
|
|
<div className="right" onClick={()=>goPage('home')}>
|
|
|
<span className="iconfont icon-company_nav_icon_home router-link-active"/>
|
|
|
@@ -67,22 +69,22 @@ const App: FC<PropsWithChildren<Props>> = (props) => {
|
|
|
<div className="van-tabs__wrap van-tabs__wrap--scrollable">
|
|
|
<div role="tablist" className="van-tabs__nav van-tabs__nav--line van-tabs__nav--complete">
|
|
|
<div role="tab" className="van-tab van-tab--active" aria-selected="true" onClick={()=>goPage('summary')}>
|
|
|
- <span className="van-tab__text">PAINEL</span>
|
|
|
+ <span className="van-tab__text">{t("PAINEL")}</span>
|
|
|
</div>
|
|
|
<div role="tab" className="van-tab" onClick={()=>goPage('referrals')}>
|
|
|
- <span className="van-tab__text">REFERÊNCIAS</span>
|
|
|
+ <span className="van-tab__text">{t("REFERÊNCIAS")}</span>
|
|
|
</div>
|
|
|
<div role="tab" className="van-tab" onClick={()=>goPage('report')}>
|
|
|
- <span className="van-tab__text">RELATÓRIO</span>
|
|
|
+ <span className="van-tab__text">{t("RELATÓRIO")}</span>
|
|
|
</div>
|
|
|
<div role="tab" className="van-tab" onClick={()=>goPage('payments')}>
|
|
|
- <span className="van-tab__text">PAGAMENTOS</span>
|
|
|
+ <span className="van-tab__text">{t("PAGAMENTOS")}</span>
|
|
|
</div>
|
|
|
<div role="tab" className="van-tab" onClick={()=>goPage('faq')}>
|
|
|
- <span className="van-tab__text">FAQ</span>
|
|
|
+ <span className="van-tab__text">{t("FAQ")}</span>
|
|
|
</div>
|
|
|
<div role="tab" className="van-tab">
|
|
|
- <span className="van-tab__text">TUTORIAL</span>
|
|
|
+ <span className="van-tab__text">{t("TUTORIAL")}</span>
|
|
|
</div>
|
|
|
<div className="van-tabs__line"></div>
|
|
|
</div>
|
|
|
@@ -93,8 +95,7 @@ const App: FC<PropsWithChildren<Props>> = (props) => {
|
|
|
<div className="content">
|
|
|
<div className="title">
|
|
|
<div>
|
|
|
- {" "}
|
|
|
- Hoje
|
|
|
+ {t("Hoje")}
|
|
|
<span className="iconfont icon-bangzhu"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -103,19 +104,19 @@ const App: FC<PropsWithChildren<Props>> = (props) => {
|
|
|
<ul className="today">
|
|
|
<li>
|
|
|
<span className="num">0</span>
|
|
|
- <span> Inscrições </span>
|
|
|
+ <span> {t("Inscrições")} </span>
|
|
|
</li>
|
|
|
<li>
|
|
|
<span className="num">0</span>
|
|
|
- <span> Novos jogadores </span>
|
|
|
+ <span> {t("Novos")} </span>
|
|
|
</li>
|
|
|
<li>
|
|
|
<span className="num">0</span>
|
|
|
- <span> Aposta válidas em equipe </span>
|
|
|
+ <span> {t("Aposta")} </span>
|
|
|
</li>
|
|
|
<li>
|
|
|
<span className="num">0</span>
|
|
|
- <span> Comissão </span>
|
|
|
+ <span> {t("Comissão")} </span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
@@ -124,8 +125,7 @@ const App: FC<PropsWithChildren<Props>> = (props) => {
|
|
|
<div className="content">
|
|
|
<div className="title">
|
|
|
<div>
|
|
|
- {" "}
|
|
|
- Total
|
|
|
+ {t("Total")}
|
|
|
<span className="iconfont icon-bangzhu"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -134,19 +134,19 @@ const App: FC<PropsWithChildren<Props>> = (props) => {
|
|
|
<ul className="total">
|
|
|
<li>
|
|
|
<span className="num">0</span>
|
|
|
- <span> Inscrições </span>
|
|
|
+ <span> {t("Inscrições")} </span>
|
|
|
</li>
|
|
|
<li>
|
|
|
<span className="num">0</span>
|
|
|
- <span> Jogadores totais </span>
|
|
|
+ <span> {t("Jogadores")} </span>
|
|
|
</li>
|
|
|
<li>
|
|
|
<span className="num">0</span>
|
|
|
- <span> Aposta válidas total </span>
|
|
|
+ <span> {t("ApostaTotal")} </span>
|
|
|
</li>
|
|
|
<li>
|
|
|
<span className="num">0</span>
|
|
|
- <span> Comissão </span>
|
|
|
+ <span> {t("Comissão")} </span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
@@ -155,8 +155,7 @@ const App: FC<PropsWithChildren<Props>> = (props) => {
|
|
|
<div className="content">
|
|
|
<div className="title">
|
|
|
<div>
|
|
|
- {" "}
|
|
|
- Comissão
|
|
|
+ {t("Comissão")}
|
|
|
<span className="iconfont icon-bangzhu"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -167,7 +166,7 @@ const App: FC<PropsWithChildren<Props>> = (props) => {
|
|
|
<span className="levelNum">1</span>
|
|
|
</div>
|
|
|
<div>
|
|
|
- Nível de Agente
|
|
|
+ {t("Nível")}
|
|
|
<span className="iconfont icon-tishi"></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -175,76 +174,76 @@ const App: FC<PropsWithChildren<Props>> = (props) => {
|
|
|
<ul className="commission">
|
|
|
<li>
|
|
|
<span className="num">
|
|
|
- <span>R$</span>
|
|
|
+ <span>{t("R$")}</span>
|
|
|
<span className="cash">0.00</span>
|
|
|
</span>
|
|
|
- <span> Total pago </span>
|
|
|
+ <span> {t("TotalPago")} </span>
|
|
|
</li>
|
|
|
<li>
|
|
|
<span className="num">
|
|
|
- <span>R$</span>
|
|
|
+ <span>{t("R$")}</span>
|
|
|
<span className="cash">0.00</span>
|
|
|
</span>
|
|
|
- <span> Não pago </span>
|
|
|
+ <span> {t("Não")} </span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<div className="wallet">
|
|
|
- <div className="btn"> TRANSFERIR PARA A CARTEIRA </div>
|
|
|
+ <div className="btn"> {t("TRANSFERIR")} </div>
|
|
|
<div className="tip">
|
|
|
<span className="iconfont icon-tishi1"></span>
|
|
|
- Valor mínimo de transferência de 10 BRL
|
|
|
+ {t("Valor")}
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div className="content shareMain">
|
|
|
- <div className="title">Compartilhe com sua comunidade social</div>
|
|
|
+ <div className="title">{t("title1")}</div>
|
|
|
<div className="share">
|
|
|
<ul className="sharePlatform">
|
|
|
<li>
|
|
|
<a href="">
|
|
|
<img src="/img/facebook.webp" alt="" />
|
|
|
</a>
|
|
|
- <span>Facebook</span>
|
|
|
+ <span>{t("Facebook")}</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="">
|
|
|
<img src="/img/WhatsApp.webp" alt="" />
|
|
|
</a>
|
|
|
- <span>WhatsApp</span>
|
|
|
+ <span>{t("WhatsApp")}</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="">
|
|
|
<img src="/img/Telegram.png" alt="" />
|
|
|
</a>
|
|
|
- <span>Telegram</span>
|
|
|
+ <span>{t("Telegram")}</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="">
|
|
|
<img src="/img/Twitter.webp" alt="" />
|
|
|
</a>
|
|
|
- <span>Twitter</span>
|
|
|
+ <span>{t("Twitter")}</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="">
|
|
|
<img src="/img/email.webp" alt="" />
|
|
|
</a>
|
|
|
- <span>Email</span>
|
|
|
+ <span>{t("Email")}</span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div className="shareLink">
|
|
|
- <div className="tip">Compartilhe este link de indicação com seus amigos</div>
|
|
|
+ <div className="tip">{t("content1")}</div>
|
|
|
<div className="copyUrl">
|
|
|
- <span className="url omitWrap">https://www.9f.com/br/m/r/xxxxxx</span>
|
|
|
- <span id="copy">Cópia</span>
|
|
|
+ <span className="url omitWrap">{t("https")}</span>
|
|
|
+ <span id="copy">{t("Cópia")}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div className="content">
|
|
|
<div className="title">
|
|
|
- <div> Grupo CHAT entre agentes por telegram oficial do 9F.COM </div>
|
|
|
+ <div> {t("title2")}</div>
|
|
|
</div>
|
|
|
<div>
|
|
|
<div className="tel-box">
|
|
|
@@ -252,33 +251,33 @@ const App: FC<PropsWithChildren<Props>> = (props) => {
|
|
|
<img src="/img/telegram.webp" alt="" />
|
|
|
</a>
|
|
|
<div className="hintTitle3">
|
|
|
- Clique o botão de ícone no lado esquerdo, junte-se ao nosso grupo afiliado do TG oficial Vamos oferecer- lo as palavras afiliadas profissionais e as ferramentas afiliadas profissionais. E ajudar-lo obter bem os benefícios reais.
|
|
|
+ {t("content2-1")}
|
|
|
</div>
|
|
|
</div>
|
|
|
<div className="hintTitle2">
|
|
|
<i className="iconfont icon-tishi"></i>
|
|
|
- Se você tem um grande público e seguidores. Temos condições especiais para você personalizar seu programa de indicações! para mais detalhes, por favorcontate- nos:
|
|
|
- <a href="" style={{borderBottom: "1px solid rgb(109, 155, 195)",color:"#0000EE"}}>business@9f.com</a>
|
|
|
+ {t("content2-2")}
|
|
|
+ <a href="" style={{borderBottom: "1px solid rgb(109, 155, 195)",color:"#0000EE"}}>{t("business")}</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div className="content">
|
|
|
<div className="title">
|
|
|
<div>
|
|
|
- Regras de recompensas por comissão‰
|
|
|
+ {t("title3")}
|
|
|
<span className="iconfont icon-bangzhu"></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div className="hint">
|
|
|
<div className="hintTitle">
|
|
|
- Ganhe dinheiro indicando amigos para o 9F.COM, você ganha mais de 80% em recompensas de comissão!
|
|
|
+ {t("content3")}
|
|
|
</div>
|
|
|
<div className="imgContent">
|
|
|
<img src="/img/cash.png" alt="" />
|
|
|
<div>
|
|
|
- Número de indicações > {num}
|
|
|
+ {t("number")}{num}
|
|
|
<br />
|
|
|
- Comissão > R$ {money} todo mês!
|
|
|
+ {t("Comissão")} > {t("R$")} {money} {t("money")}
|
|
|
</div>
|
|
|
<div className="slider van-slider" style={{height: "0.02rem"}} onClick={handleSlide}>
|
|
|
<div className="van-slider__bar" style={{width: "0.900901%",background: "rgb(0, 157, 128)"}} ref={sliderRef}>
|
|
|
@@ -289,16 +288,16 @@ const App: FC<PropsWithChildren<Props>> = (props) => {
|
|
|
</div>
|
|
|
</div>
|
|
|
<div className="relationSchema">
|
|
|
- <div className="groupTitle">Unlimited development of subordinates</div>
|
|
|
+ <div className="groupTitle">{t("title4")}</div>
|
|
|
<img src="/img/group_br.webp" alt="" className="groupImg"/>
|
|
|
<ul className="rules">
|
|
|
<li>
|
|
|
- Você receberá uma porcentagem de comissão diferente toda vez que um jogador indicado por você fizer uma aposta,
|
|
|
- <span style={{color:"red"}}>ganhar ou perder</span>
|
|
|
+ {t("content4-1")}
|
|
|
+ <span style={{color:"red"}}>{t("red")}</span>
|
|
|
.
|
|
|
</li>
|
|
|
<li>
|
|
|
- O sistema calcula a comissão a cada 3 minutos.
|
|
|
+ {t("content4-2")}
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
