|
|
@@ -1,10 +1,13 @@
|
|
|
"use client";
|
|
|
|
|
|
import Box from "@/components/Box";
|
|
|
+import { Link } from "@/i18n/routing";
|
|
|
import { useUserInfoStore } from "@/stores/useUserInfoStore";
|
|
|
+import { copyText } from "@/utils/methods";
|
|
|
import { LuckyWheel } from "@lucky-canvas/react";
|
|
|
import { useCountDown } from "ahooks";
|
|
|
-import { Popup } from "antd-mobile";
|
|
|
+import { Popup, Toast } from "antd-mobile";
|
|
|
+import { useTranslations } from "next-intl";
|
|
|
import Image from "next/image";
|
|
|
import { useEffect, useRef, useState } from "react";
|
|
|
import LotteryWheel from "./LotteryWheel";
|
|
|
@@ -277,18 +280,28 @@ const DrawContent = () => {
|
|
|
</div>
|
|
|
);
|
|
|
};
|
|
|
-
|
|
|
+type Dtltype = "left" | "right";
|
|
|
const Report = () => {
|
|
|
const winListData = Array(500).fill("1");
|
|
|
+ const [activeTab, setActiveTab] = useState<Dtltype>("left");
|
|
|
+
|
|
|
+ const handler = (dtl: Dtltype) => {
|
|
|
+ setActiveTab(dtl);
|
|
|
+ };
|
|
|
return (
|
|
|
<div className={styles.report}>
|
|
|
<div className={`${styles.vanTabs} ${styles.vanTabsLine}`}>
|
|
|
<div className={styles.vanTabsWrap}>
|
|
|
<div className={styles.vanTabsNav}>
|
|
|
- <div className={`${styles.vanTabItem} ${styles.vanTabAcrive}`}>
|
|
|
+ <div className={`${styles.vanTabItem}`} onClick={() => handler("left")}>
|
|
|
Relatório
|
|
|
</div>
|
|
|
- <div className={`${styles.vanTabItem}`}>Minha Referencia</div>
|
|
|
+ <div
|
|
|
+ className={`${styles.vanTabItem} ${styles.vanTabAcriveLeft}`}
|
|
|
+ onClick={() => handler("right")}
|
|
|
+ >
|
|
|
+ Minha Referencia
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div className={styles.vanTabsContent}>
|
|
|
@@ -544,8 +557,44 @@ const CountdownClient = () => {
|
|
|
);
|
|
|
};
|
|
|
const ShareClient = () => {
|
|
|
- const handler = () => {};
|
|
|
const [visible, setVisible] = useState(false);
|
|
|
+ const shareUrl = process.env.NEXT_PUBLIC_SHARE_URL as string;
|
|
|
+ const url = encodeURIComponent(`${shareUrl}`);
|
|
|
+ const text = encodeURIComponent(`Receba 100 BRL de graça,Pix SAQUE RÁPIDO`);
|
|
|
+ const t = useTranslations();
|
|
|
+ const SHARE_SOURCE = [
|
|
|
+ {
|
|
|
+ icon: "/summary/Facebook.png",
|
|
|
+ label: "Facebook",
|
|
|
+ shareUrl: `https://www.facebook.com/sharer/sharer.php?u=${url}&t=${text}`,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ icon: "/summary/WhatsApp.png",
|
|
|
+ label: "WhatsApp",
|
|
|
+ shareUrl: `https://api.whatsapp.com/send?text=${text}`,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ icon: "/summary/Telegram.png",
|
|
|
+ label: "Telegram",
|
|
|
+ shareUrl: `https://t.me/share/url?url=${url}&text=${text}`,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ icon: "/summary/Twitter.png",
|
|
|
+ label: "Twitter",
|
|
|
+ shareUrl: `https://twitter.com/intent/tweet?text=${text}`,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ icon: "/summary/Email.png",
|
|
|
+ label: "Email",
|
|
|
+ shareUrl: `mailto: ?&subject=&cc=&bcc=&body=${url}%0A${text}`,
|
|
|
+ },
|
|
|
+ ];
|
|
|
+
|
|
|
+ const copy = (text: string) => {
|
|
|
+ copyText(text);
|
|
|
+ Toast.show({ icon: "success", content: t("SummaryPage.copySuc"), maskClickable: false });
|
|
|
+ };
|
|
|
+
|
|
|
return (
|
|
|
<>
|
|
|
<div className={"p-[0.1389rem]"}>
|
|
|
@@ -564,7 +613,6 @@ const ShareClient = () => {
|
|
|
>
|
|
|
<span className={""}>Compartilhe mais, saque mais rápido.</span>
|
|
|
</div>
|
|
|
- {/* anniu */}
|
|
|
<div
|
|
|
className={"flex w-[0.4167rem] items-center pl-[0.0694rem]"}
|
|
|
onClick={() => setVisible(true)}
|
|
|
@@ -585,10 +633,98 @@ const ShareClient = () => {
|
|
|
setVisible(false);
|
|
|
}}
|
|
|
showCloseButton
|
|
|
- bodyStyle={{ height: "30vh", background: "#fff" }}
|
|
|
+ bodyStyle={{ height: "2.9rem", background: "#fff" }}
|
|
|
>
|
|
|
- <div className={"p-[20px] text-[#000]"}>
|
|
|
+ <div className={"p-[0.1389rem] text-[#555555]"}>
|
|
|
<h1>1.Convide amlgos para ajudar com saques</h1>
|
|
|
+ <div
|
|
|
+ className={"mt-[0.1389rem] grid grid-cols-5 justify-center gap-[0.1389rem]"}
|
|
|
+ >
|
|
|
+ {SHARE_SOURCE.map((source, index) => {
|
|
|
+ return (
|
|
|
+ <a
|
|
|
+ href={source.shareUrl}
|
|
|
+ key={index}
|
|
|
+ target={"_blank"}
|
|
|
+ className={"flex flex-col items-center"}
|
|
|
+ >
|
|
|
+ <Image src={source.icon} alt={"Mais"} width={70} height={70} />
|
|
|
+ <p className={"mt-[0.0347rem] text-[12px] text-[#808080]"}>
|
|
|
+ {source.label}
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ );
|
|
|
+ })}
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div className={"mt-[0.0694rem]"}>
|
|
|
+ <h1 className={"text-[14px]"}>
|
|
|
+ Compartilhe este link de indicação com seus amigos
|
|
|
+ </h1>
|
|
|
+ <div
|
|
|
+ className={
|
|
|
+ "rounded-[3px] bg-[#f9f9f9] p-[0.0694rem] text-[#808080]" +
|
|
|
+ " mt-[0.0347rem] flex items-center"
|
|
|
+ }
|
|
|
+ >
|
|
|
+ <span className={"flex-1"}>{shareUrl}</span>
|
|
|
+ <span
|
|
|
+ id="copy"
|
|
|
+ className={"text-[#40a1de]"}
|
|
|
+ onClick={() => copy(shareUrl)}
|
|
|
+ >
|
|
|
+ {t("SummaryPage.Cópia")}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div className={"mt-[0.0694rem]"}>
|
|
|
+ <h1>2.Enviar convite para jogador aleatório ajudar</h1>
|
|
|
+
|
|
|
+ <div
|
|
|
+ className={
|
|
|
+ "grid grid-cols-2 gap-[0.1389rem] text-[0.12rem] text-[#fff]" +
|
|
|
+ " mt-[0.0694rem]"
|
|
|
+ }
|
|
|
+ >
|
|
|
+ <Link
|
|
|
+ href={"#"}
|
|
|
+ className={
|
|
|
+ "flex items-center rounded-[0.0694rem] bg-[#10cb8c]" +
|
|
|
+ " p-[0.0694rem] text-[#fff]"
|
|
|
+ }
|
|
|
+ >
|
|
|
+ <div className={"flex-1"}>
|
|
|
+ <p>Enviar Mensagem </p>
|
|
|
+ <p>no WhatsAPP</p>
|
|
|
+ </div>
|
|
|
+ <Image
|
|
|
+ src={"/summary/WhatsApp-nobg.png"}
|
|
|
+ alt={"whatsApp"}
|
|
|
+ width={40}
|
|
|
+ height={40}
|
|
|
+ />
|
|
|
+ </Link>
|
|
|
+ <Link
|
|
|
+ href={"sms:10086?body=message_body"}
|
|
|
+ className={
|
|
|
+ "flex items-center rounded-[10px] bg-[#35b2fe]" +
|
|
|
+ " p-[0.0694rem] text-[#fff]"
|
|
|
+ }
|
|
|
+ >
|
|
|
+ <div className={"flex-1"}>
|
|
|
+ <p>Enviar Mensagem </p>
|
|
|
+ <p>SMS</p>
|
|
|
+ </div>
|
|
|
+ <Image
|
|
|
+ src={"/summary/SMS.png"}
|
|
|
+ alt={"whatsApp"}
|
|
|
+ width={40}
|
|
|
+ height={40}
|
|
|
+ />
|
|
|
+ </Link>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</Popup>
|
|
|
</>
|
Before
