feat:

阶段提交
This commit is contained in:
john 2024-06-24 11:15:18 +08:00
parent 559411a9a6
commit 3b13975d04
34 changed files with 2000 additions and 320 deletions

View File

@ -1,10 +1,12 @@
###
# @LastEditors: John
# @Date: 2024-06-18 10:12:21
# @LastEditTime: 2024-06-19 15:52:17
# @LastEditTime: 2024-06-22 11:22:13
# @Author: John
###
VITE_BASE_URL=http://192.168.10.167:5173/
VITE_BASE_API_URL=/dev
VITE_PARTICIPATE_CHAIN_ID=97
VITE_NETWORK_USDT_ADDRESS=0x204074AD198E7c6e79E195DAf576bc7D53967B45
VITE_PURCHASED_CONTRACT_ADDRESS=0x37644e2E1Ac2D0b87f693Ad64A154f3A7fe09b93
VITE_NETWORK_USDT_ADDRESS=0xACFE3DF8ACeF83De51d53E22ADE30F18eaB4969A
VITE_CHECK_TRANSACTION_DETAILS_URL=https://testnet.bscscan.com/

View File

@ -1,3 +1,4 @@
VITE_BASE_URL=/
VITE_BASE_API_URL=/dev
VITE_PARTICIPATE_CHAIN_ID=56
VITE_NETWORK_USDT_ADDRESS=0x55d398326f99059ff775485246999027b3197955

Binary file not shown.

View File

@ -15,6 +15,7 @@
"@hyper-fetch/react": "^5.7.5",
"@tanstack/react-query": "^5.45.1",
"@web3modal/wagmi": "^5.0.2",
"ahooks": "^3.8.0",
"antd-mobile": "^5.36.1",
"clsx": "^2.1.1",
"i18next": "^23.11.5",
@ -28,6 +29,7 @@
"vconsole": "^3.15.1",
"viem": "^2.14.2",
"wagmi": "^2.10.2",
"web3-utils": "^4.3.0",
"zustand": "^4.5.2"
},
"devDependencies": {

View File

@ -1,10 +1,10 @@
/*
* @LastEditors: John
* @Date: 2024-06-17 17:20:03
* @LastEditTime: 2024-06-19 16:59:21
* @LastEditTime: 2024-06-21 14:19:52
* @Author: John
*/
import { Route, Router, Routes } from "react-router-dom";
import { Route, Routes } from "react-router-dom";
import "./style/ant-cover-m.css";
import "./style/react-data-table-component-cover-m.css";
import "./App.css";
@ -19,14 +19,32 @@ import InvitationList from "./pages/InvitationList";
import { useEffect } from "react";
import { useTranslation } from "react-i18next";
import useUserStore from "./store/User";
import { getUrlQueryParam } from "./utils";
import { UrlQueryParamsKey } from "./constants";
import { signAndLogin } from "./utils/wallet";
import { useAccount } from "wagmi";
function App() {
const { i18n } = useTranslation();
const { Lang: currantLang } = useUserStore();
const { Lang: currantLang, UpdateInviteCode } = useUserStore();
const { address } = useAccount();
useEffect(() => {
i18n.changeLanguage(currantLang);
UpdateInviteCode(getUrlQueryParam(UrlQueryParamsKey.INVITE_CODE) || "");
return () => {};
}, []);
useEffect(() => {
return () => {};
}, []);
useEffect(() => {
(async () => {
await signAndLogin(address);
console.log("login success!");
})();
return () => {};
}, [address]);
return (
<>
<RouterLogProvider>

1
src/assets/RMOB_logo.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 22 KiB

View File

@ -8,7 +8,7 @@ import classes from "./RecordsItem.module.css";
export default function RecordsItem({
itemList,
}: {
itemList: { title: string; value: string; valueColor?: string }[];
itemList: { title: string; value?: string; valueColor?: string }[];
}) {
return (
<>

View File

@ -1,13 +1,17 @@
/*
* @LastEditors: John
* @Date: 2024-06-17 17:57:13
* @LastEditTime: 2024-06-19 16:26:15
* @LastEditTime: 2024-06-21 11:45:40
* @Author: John
*/
export enum ASYNC_STORAGE_KEY {
Store = "user.store",
}
export enum UrlQueryParamsKey {
INVITE_CODE = "inviteCode",
}
export enum Lang {
en = "en",
cn = "cn",
@ -15,3 +19,8 @@ export enum Lang {
jp = "jp",
de = "de",
}
export enum CoinName {
USDT = "USDT",
RMOB = "RMOB",
}

View File

@ -0,0 +1,268 @@
[
{
"inputs": [
{
"internalType": "uint256",
"name": "amount",
"type": "uint256"
},
{
"internalType": "uint256",
"name": "orderId",
"type": "uint256"
}
],
"name": "buyHMNFT",
"outputs": [
{
"internalType": "uint256",
"name": "",
"type": "uint256"
}
],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [
{
"internalType": "address",
"name": "hongMoAddr",
"type": "address"
},
{
"internalType": "address",
"name": "payAddr",
"type": "address"
}
],
"stateMutability": "nonpayable",
"type": "constructor"
},
{
"inputs": [
{
"internalType": "address",
"name": "owner",
"type": "address"
}
],
"name": "OwnableInvalidOwner",
"type": "error"
},
{
"inputs": [
{
"internalType": "address",
"name": "account",
"type": "address"
}
],
"name": "OwnableUnauthorizedAccount",
"type": "error"
},
{
"anonymous": false,
"inputs": [
{
"indexed": true,
"internalType": "uint256",
"name": "tokenId",
"type": "uint256"
},
{
"indexed": true,
"internalType": "uint256",
"name": "amount",
"type": "uint256"
},
{
"indexed": true,
"internalType": "address",
"name": "buyAddr",
"type": "address"
},
{
"indexed": false,
"internalType": "uint256",
"name": "orderId",
"type": "uint256"
}
],
"name": "BuySuccess",
"type": "event"
},
{
"anonymous": false,
"inputs": [
{
"indexed": true,
"internalType": "address",
"name": "previousOwner",
"type": "address"
},
{
"indexed": true,
"internalType": "address",
"name": "newOwner",
"type": "address"
}
],
"name": "OwnershipTransferred",
"type": "event"
},
{
"inputs": [],
"name": "renounceOwnership",
"outputs": [],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [
{
"internalType": "uint256",
"name": "tokenIn",
"type": "uint256"
}
],
"name": "setTokenIndex",
"outputs": [],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [
{
"internalType": "address",
"name": "newOwner",
"type": "address"
}
],
"name": "transferOwnership",
"outputs": [],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [
{
"internalType": "uint256",
"name": "amount",
"type": "uint256"
},
{
"internalType": "uint256",
"name": "orderId",
"type": "uint256"
}
],
"name": "upgradePrivilege",
"outputs": [],
"stateMutability": "nonpayable",
"type": "function"
},
{
"anonymous": false,
"inputs": [
{
"indexed": true,
"internalType": "uint256",
"name": "amount",
"type": "uint256"
},
{
"indexed": true,
"internalType": "address",
"name": "buyAddr",
"type": "address"
},
{
"indexed": true,
"internalType": "uint256",
"name": "orderId",
"type": "uint256"
}
],
"name": "UpgradeRange",
"type": "event"
},
{
"inputs": [],
"name": "hongMoNFT",
"outputs": [
{
"internalType": "contract HongMoNFT",
"name": "",
"type": "address"
}
],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [],
"name": "owner",
"outputs": [
{
"internalType": "address",
"name": "",
"type": "address"
}
],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [],
"name": "price",
"outputs": [
{
"internalType": "uint256",
"name": "",
"type": "uint256"
}
],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [],
"name": "tokenIndex",
"outputs": [
{
"internalType": "uint256",
"name": "",
"type": "uint256"
}
],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [],
"name": "totalSupply",
"outputs": [
{
"internalType": "uint256",
"name": "",
"type": "uint256"
}
],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [],
"name": "usdc",
"outputs": [
{
"internalType": "contract IERC20",
"name": "",
"type": "address"
}
],
"stateMutability": "view",
"type": "function"
}
]

View File

@ -1,7 +1,7 @@
/*
* @LastEditors: John
* @Date: 2024-06-19 15:48:57
* @LastEditTime: 2024-06-19 16:13:14
* @LastEditTime: 2024-06-24 11:09:12
* @Author: John
*/
import { config } from "@/components/WalletProvider";
@ -10,19 +10,26 @@ import {
estimateGas,
writeContract,
waitForTransactionReceipt,
getAccount,
} from "@wagmi/core";
import { encodeFunctionData } from "viem/utils";
import erc20Abi from "@/contract/abi/erc20abi.json";
import usdtAbi from "@/contract/abi/USDT.json";
import RedDevilsAbi from "@/contract/abi/RedDevils.json";
import Toast from "antd-mobile/es/components/toast";
import { EstimateGasErrorType, WriteContractErrorType } from "viem";
import i18next from "i18next";
import { BaseError } from "wagmi";
/**
* @description
* @param {string} fromAddress
* @return {*}
*/
export const getBalance = async (fromAddress: string): Promise<bigint> => {
export const getBalance = async (): Promise<bigint> => {
return new Promise((reslove, reject) => {
const fromAddress = getAccount(config).address;
if (!fromAddress) return reject(new Error("address is emtiy"));
readContract(config, {
abi: erc20Abi,
address: import.meta.env.VITE_NETWORK_USDT_ADDRESS,
@ -33,15 +40,12 @@ export const getBalance = async (fromAddress: string): Promise<bigint> => {
console.log("U余额:", res);
if (typeof res == "undefined") {
// 获取授权U失败
Toast.show({
icon: "fail",
content: "get balance of usdt error!",
});
reject(new BaseError("get balance of usdt error!"));
return;
}
reslove(res);
})
.catch((err) => {
.catch((err: BaseError) => {
console.log("get balance of usdt err", err);
reject(err);
});
@ -53,31 +57,28 @@ export const getBalance = async (fromAddress: string): Promise<bigint> => {
* @param {string} fromAddress
* @return {*}
*/
export const getApproveUsdt = async (
contractAddress: string,
fromAddress: string
): Promise<bigint> => {
export const getApproveUsdt = async (): Promise<bigint> => {
return new Promise((reslove, reject) => {
const fromAddress = getAccount(config).address;
if (!fromAddress) return reject(new Error("address is emtiy"));
readContract(config, {
abi: erc20Abi,
address: import.meta.env.VITE_NETWORK_USDT_ADDRESS,
functionName: "allowance",
args: [fromAddress, contractAddress],
args: [fromAddress, import.meta.env.VITE_PURCHASED_CONTRACT_ADDRESS],
})
.then((res: any) => {
console.log("上次授权的U:", res);
if (typeof res == "undefined") {
// 获取授权U失败
Toast.show({
icon: "fail",
content: "get approve usdt error!",
});
reject(new BaseError("get approve usdt error"));
return;
}
reslove(res);
})
.catch((err) => {
console.log("get approve usdt err", err);
.catch((err: BaseError) => {
console.log("get approve usdt error", err);
reject(err);
});
});
@ -88,15 +89,19 @@ export const getApproveUsdt = async (
* @param {bigint} uNum
* @return {*}
*/
export const authorizedU = async (uNum: bigint, contractAddress: string) => {
console.log("授权金额参数:", contractAddress, uNum);
export const authorizedU = async (uNum: bigint) => {
console.log(
"授权金额参数:",
import.meta.env.VITE_PURCHASED_CONTRACT_ADDRESS,
uNum
);
return new Promise<void>((reslove, reject) => {
estimateGas(config, {
to: import.meta.env.VITE_NETWORK_USDT_ADDRESS,
data: encodeFunctionData({
abi: usdtAbi,
functionName: "approve",
args: [contractAddress, uNum],
args: [import.meta.env.VITE_PURCHASED_CONTRACT_ADDRESS, uNum],
}),
})
.then((gas) => {
@ -111,7 +116,7 @@ export const authorizedU = async (uNum: bigint, contractAddress: string) => {
abi: usdtAbi,
address: import.meta.env.VITE_NETWORK_USDT_ADDRESS,
functionName: "approve",
args: [contractAddress, uNum],
args: [import.meta.env.VITE_PURCHASED_CONTRACT_ADDRESS, uNum],
gas: gasPrice,
// gas,
})
@ -122,14 +127,154 @@ export const authorizedU = async (uNum: bigint, contractAddress: string) => {
});
if (transactionReceipt.status == "success") reslove();
})
.catch((err) => {
.catch((err: BaseError) => {
console.log("approve error", err);
reject(err);
});
})
.catch((err) => {
.catch((err: BaseError) => {
console.log("estimate approve gas error", err);
reject(err);
});
});
};
/**
* payByContract
* @param amount
* @param orderID
* @returns
*/
export async function payByContract(amount: bigint, orderID: string) {
console.log("pay buy contract params", { amount, orderID });
console.log("NETWORK_USDT:", import.meta.env.VITE_NETWORK_USDT_ADDRESS);
return new Promise<string>(async (reslove, reject) => {
try {
const balance = await getBalance();
if (balance < amount) {
console.log("用户代币余额不足");
reject(new BaseError(i18next.t("余额不足")));
return;
}
console.log("当前要授权的U:", amount);
let approvedU = await getApproveUsdt();
if (approvedU < amount) {
await authorizedU(amount);
}
console.log("参数:", amount, orderID);
estimateGas(config, {
to: import.meta.env.VITE_PURCHASED_CONTRACT_ADDRESS,
data: encodeFunctionData({
abi: RedDevilsAbi,
functionName: "buyHMNFT",
args: [amount, orderID],
}),
})
.then((gas) => {
const gasPrice = (gas * 12n) / 10n;
console.log("estimate gas:%d , my gas: %d", gas, gasPrice);
writeContract(config, {
abi: RedDevilsAbi,
address: import.meta.env.VITE_PURCHASED_CONTRACT_ADDRESS,
functionName: "buyHMNFT",
args: [amount, orderID],
gas: gasPrice,
})
.then((receipt) => {
console.log("write contract success!, receipt:", receipt);
reslove(receipt);
})
.catch((err: BaseError) => {
console.log("buyHMNFT Transaction err", err.details);
reject(err);
});
})
.catch((err: BaseError) => {
console.log("buyHMNFT estimateGas err", err.details);
reject(err);
});
} catch (err) {
console.log("pay By Contract catch err", err);
reject(new BaseError(`${err}`));
}
});
}
/**
* upGradeByContract
* @param amount
* @param orderID
* @returns
*/
export async function upGradeByContract(amount: bigint, orderID: string) {
console.log("pay buy contract params", { amount, orderID });
console.log("NETWORK_USDT:", import.meta.env.VITE_NETWORK_USDT_ADDRESS);
return new Promise<string>(async (reslove, reject) => {
try {
const balance = await getBalance();
if (balance < amount) {
console.log("用户代币余额不足");
reject(new BaseError(i18next.t("余额不足")));
return;
}
console.log("当前要授权的U:", amount);
let approvedU = await getApproveUsdt();
if (approvedU < amount) {
await authorizedU(amount);
}
console.log("参数:", amount, orderID);
estimateGas(config, {
to: import.meta.env.VITE_PURCHASED_CONTRACT_ADDRESS,
data: encodeFunctionData({
abi: RedDevilsAbi,
functionName: "upgradePrivilege",
args: [amount, orderID],
}),
})
.then((gas) => {
const gasPrice = (gas * 12n) / 10n;
console.log("estimate gas:%d , my gas: %d", gas, gasPrice);
writeContract(config, {
abi: RedDevilsAbi,
address: import.meta.env.VITE_PURCHASED_CONTRACT_ADDRESS,
functionName: "upgradePrivilege",
args: [amount, orderID],
gas: gasPrice,
})
.then((receipt) => {
console.log("write contract success!, receipt:", receipt);
reslove(receipt);
})
.catch((err: BaseError) => {
console.log("upgradePrivilege Transaction err", err.details);
reject(err);
});
})
.catch((err: BaseError) => {
console.log("upgradePrivilege estimateGas err", err.details);
reject(err);
});
} catch (err) {
reject(new BaseError(`${err}`));
}
});
}
/**
* receiveByContract
* @param amount
* @param orderID
* @returns
*/
export async function receiveByContract(amount: bigint, orderID: string) {
console.log("pay buy contract params", { amount, orderID });
console.log("NETWORK_USDT:", import.meta.env.VITE_NETWORK_USDT_ADDRESS);
return new Promise<string>(async (reslove, reject) => {});
}

View File

@ -0,0 +1,83 @@
/*
* @LastEditors: John
* @Date: 2024-06-21 16:08:23
* @LastEditTime: 2024-06-21 16:12:31
* @Author: John
*/
import { useRef, useState } from "react";
import { waitForTransactionReceipt } from "@wagmi/core";
import { config } from "@/components/WalletProvider";
/**
* @description: ,nft
* @return {*}
*/
export default function (type: "NFT" | "NORMAL") {
const [buyNftIds, setBuyNftIds] = useState<string>("");
const [transcationStatus, setTranscationStatus] = useState<
"success" | undefined
>(undefined);
const stop = useRef(false);
function startPollingCheckBuyStatus(hash: string) {
setTranscationStatus(undefined);
setBuyNftIds("");
polling(hash);
}
const checkStatus = async (hash: string) => {
return new Promise<void>(async (reslove) => {
// let res = await API_GET_ORDER_STATE_BY_HASH(hash);
// setBuyNftIds(res.nftIds);
// console.log("得到nft ids:", res.nftIds);
const transactionReceipt = await waitForTransactionReceipt(config, {
hash: hash as `0x${string}`,
});
console.log("transaction receipt:", transactionReceipt);
if (transactionReceipt.status == "success") {
if (type == "NFT") {
console.log("transaction receipt success:", transactionReceipt);
const nftLogs = transactionReceipt.logs.filter(
(v) =>
v.topics.length === 4 &&
v.topics[1] ===
"0x0000000000000000000000000000000000000000000000000000000000000000"
); // 过滤(挖币的日志)
const nftDataArr = nftLogs.map((v) => v.topics[3]);
const nftDataStr = nftDataArr.map(
(v) => `#${parseInt(v as string, 16)}`
);
setBuyNftIds(nftDataStr.join(","));
} else {
setTranscationStatus("success");
stopPollingCheckBuyStatus();
reslove();
return;
}
}
setTimeout(() => {
reslove();
}, 2000);
});
};
const polling = async (hash: string) => {
await checkStatus(hash);
if (stop.current) return;
polling(hash);
};
function stopPollingCheckBuyStatus() {
stop.current = true;
}
return {
transcationStatus,
setBuyNftIds,
buyNftIds,
startPollingCheckBuyStatus,
stopPollingCheckBuyStatus,
};
}

View File

@ -35,17 +35,17 @@
"MINT余量": "MINT余量",
"当前MINT价格": "当前MINT价格",
"价格说明:": "价格说明:",
"100USDT起每增加100名普通会员NFT价格上涨1%前100名价格为100USDT/枚101-200名价格为100u+100u*1%=101USDT/枚,以此类推。": "100USDT起每增加100名普通会员NFT价格上涨1%前100名价格为100USDT/枚101-200名价格为100u+100u*1%=101USDT/枚,以此类推。",
"{{value1}} USDT起每增加 {{value2}} 名普通会员NFT价格上涨 {{value3}},既:前 {{value2}} 名价格为 {{value1}} USDT/枚value4 名价格为{{value1}}u+{{value1}}u*{{value3}}={{value5}} USDT/枚,以此类推。": "{{value1}} USDT起每增加{{value2}}名普通会员NFT价格上涨{{value3}},既:前{{value2}}名价格为{{value1}} USDT/枚,{{value4}}名价格为{{value1}}u+{{value1}}u*{{value3}}={{value5}} USDT/枚,以此类推。",
"授权USDT": "授权USDT",
"当前级别": "当前级别",
"普通活跃": "普通活跃",
"提升级别": "提升级别",
"社长": "社长",
"当前升级价格:": "当前升级价格:",
"升级费用100USDT起其中gas费2USDT剩余部分50%进入资金池另外50%平均分给所有升级成功的社长和基金会社长。自第二个社长升级开始,每升级一名社长所需铸造费用增加10%既第二位社长升级铸造费用为100u+100*10%=110USDT以此类推。": "升级费用100USDT起其中gas费2USDT剩余部分50%进入资金池另外50%平均分给所有升级成功的社长和基金会社长。自第二个社长升级开始,每升级一名社长所需铸造费用增加10%既第二位社长升级铸造费用为100u+100*10%=110USDT以此类推。",
"升级费用xxx USDT起其中gas费2USDT剩余部分50%进入资金池另外50%平均分给所有升级成功的社长和基金会社长。自第二个社长升级开始,每升级一名社长所需铸造费用增加xxx既第二位社长升级铸造费用为xxxu+xxx*xxx=xxx USDT以此类推。": "升级费用{{value1}} USDT起其中gas费2USDT剩余部分50%进入资金池另外50%平均分给所有升级成功的社长和基金会社长。自第二个社长升级开始,每升级一名社长所需铸造费用增加{{value2}},既第二位社长升级铸造费用为{{value1}}u+{{value1}}*{{value2}}={{value3}} USDT以此类推。",
"升级条件": "升级条件",
"普通会员": "普通会员",
"(限量20000个)": "(限量20000个)",
"(限量xxx个)": "(限量 {{value}} 个)",
"1. MINT一枚NFT成为非活跃普通会员": "1. MINT一枚NFT成为非活跃普通会员",
"2. MINT NFT并推荐MINT成为活跃普通会员": "2. MINT NFT并推荐MINT成为活跃普通会员",
"3. 享1%代币空投平分(所有普通会员)": "3. 享1%代币空投平分(所有普通会员)",
@ -87,5 +87,19 @@
"活跃普通": "活跃普通",
"复制成功": "复制成功",
"领取成功,前往钱包查看": "领取成功,前往钱包查看"
"领取成功,前往钱包查看": "领取成功,前往钱包查看",
"链接钱包中...": "链接钱包中...",
"无": "无",
"服务器错误": "服务器错误",
"余额不足": "余额不足",
"MINT成功返回首页查看": "MINT成功返回首页查看",
"正在授权USDT": "正在授权USDT",
"购买中": "购买中",
"领取中": "领取中",
"MINT Nft 获取邀请链接": "MINT Nft 获取邀请链接",
"链接钱包获取邀请链接": "链接钱包获取邀请链接",
"正在获取已授权金额": "正在获取已授权金额",
"升级成功,返回首页查看": "升级成功,返回首页查看",
"无级别提升": "无级别提升",
"没有更多数据了": "没有更多数据了"
}

View File

@ -35,17 +35,17 @@
"MINT余量": "Verbleibende MINT:",
"当前MINT价格": "Aktueller MINT-Preis:",
"价格说明:": "Preiserklärung:",
"100USDT起每增加100名普通会员NFT价格上涨1%前100名价格为100USDT/枚101-200名价格为100u+100u*1%=101USDT/枚,以此类推。": "Beginnend bei 100USDT steigt der NFT-Preis um 1% für jede zusätzlichen 100 Mitglieder: die ersten 100 kosten 100USDT pro Stück, 101-200 kosten 101USDT pro Stück usw.",
"{{value1}} USDT起每增加 {{value2}} 名普通会员NFT价格上涨 {{value3}},既:前 {{value2}} 名价格为 {{value1}} USDT/枚value4 名价格为{{value1}}u+{{value1}}u*{{value3}}={{value5}} USDT/枚,以此类推。": "Beginnend bei {{value1}} USDT steigt der NFT-Preis um {{value3}} für jede zusätzlichen {{value2}} Mitglieder: die ersten {{value2}} kosten {{value1}} USDT pro Stück, {{value4}} kosten {{value1}}u+{{value1}}u*{{value3}}={{value5}} USDT pro Stück usw.",
"授权USDT": "USDT autorisieren",
"当前级别": "Aktuelles Level",
"普通活跃": "Aktives Mitglied",
"提升级别": "Levelaufstieg",
"社长": "Vorsitzender",
"当前升级价格:": "Aktueller Upgrade-Preis:",
"升级费用100USDT起其中gas费2USDT剩余部分50%进入资金池另外50%平均分给所有升级成功的社长和基金会社长。自第二个社长升级开始,每升级一名社长所需铸造费用增加10%既第二位社长升级铸造费用为100u+100*10%=110USDT以此类推。": "Upgrade-Kosten ab 100USDT, davon 2USDT Gas-Gebühren, 50% des Restbetrags gehen in den Liquiditätspool und die anderen 50% werden auf alle erfolgreichen Vorsitzenden und Fundmanager aufgeteilt. Ab dem zweiten Vorsitzenden steigen die Prägekosten um 10% pro Aufstieg, also 110USDT für den zweiten, usw.",
"升级费用xxx USDT起其中gas费2USDT剩余部分50%进入资金池另外50%平均分给所有升级成功的社长和基金会社长。自第二个社长升级开始,每升级一名社长所需铸造费用增加xxx既第二位社长升级铸造费用为xxxu+xxx*xxx=xxx USDT以此类推。": "Upgrade-Kosten ab {{value1}} USDT, davon 2USDT Gas-Gebühren, 50% des Restbetrags gehen in den Liquiditätspool und die anderen 50% werden auf alle erfolgreichen Vorsitzenden und Fundmanager aufgeteilt. Ab dem zweiten Vorsitzenden steigen die Prägekosten um {{value2}} pro Aufstieg, also {{value1}}u+{{value1}}*{{value2}}={{value3}} USDT für den zweiten, usw.",
"升级条件": "Upgrade-Bedingungen",
"普通会员": "Normales Mitglied",
"(限量20000个)": "(Begrenzt auf 20.000 Stück)",
"(限量xxx个)": "(Begrenzt auf {{value}} Stück)",
"1. MINT一枚NFT成为非活跃普通会员": "1. Präge ein NFT, um inaktives Mitglied zu werden",
"2. MINT NFT并推荐MINT成为活跃普通会员": "2. Präge und empfehle NFTs, um aktives Mitglied zu werden",
"3. 享1%代币空投平分(所有普通会员)": "3. Erhalte 1% Token-Airdrop gleichmäßig verteilt (alle normalen Mitglieder)",
@ -87,5 +87,19 @@
"活跃普通": "Aktiv allgemein",
"复制成功": "Erfolgreich kopiert",
"领取成功,前往钱包查看": "Erfolgreich abgerufen. Bitte überprüfen Sie Ihre Brieftasche."
"领取成功,前往钱包查看": "Erfolgreich abgerufen. Bitte überprüfen Sie Ihre Brieftasche.",
"链接钱包中...": "Wallet wird verbunden...",
"无": "Keiner",
"服务器错误": "Serverfehler",
"余额不足": "Unzureichendes Guthaben",
"MINT成功返回首页查看": "MINT erfolgreich, zur Startseite zurückkehren, um nachzusehen.",
"正在授权USDT": "USDT wird autorisiert",
"购买中": "In Bearbeitung",
"领取中": "In Bearbeitung",
"MINT Nft 获取邀请链接": "MINT Nft Einladungslink erhalten",
"链接钱包获取邀请链接": "Verknüpfen Sie Ihre Brieftasche, um den Einladungslink zu erhalten.",
"正在获取已授权金额": "Aktuell wird der autorisierte Betrag abgerufen.",
"升级成功,返回首页查看": "Upgrade erfolgreich abgeschlossen, zurück zur Startseite zur Ansicht.",
"无级别提升": "Beförderung ohne Rang",
"没有更多数据了": "Keine weiteren Daten"
}

View File

@ -12,7 +12,7 @@
"取消": "Cancel",
"普通非活跃": "Inactive Member",
"升级": "Upgrade",
"链接钱包": "Link Wallet",
"链接钱包": "Connect Wallet",
"邀请铸造": "Invite to Mint",
"团队社长": "Team Leader",
"邀请空投": "Invite Airdrop",
@ -35,17 +35,17 @@
"MINT余量": "Remaining MINT:",
"当前MINT价格": "Current MINT Price:",
"价格说明:": "Price Explanation:",
"100USDT起每增加100名普通会员NFT价格上涨1%前100名价格为100USDT/枚101-200名价格为100u+100u*1%=101USDT/枚,以此类推。": "Starting at 100USDT, the NFT price increases by 1% for every 100 new members: first 100 at 100USDT each, 101-200 at 101USDT each, and so on.",
"{{value1}} USDT起每增加 {{value2}} 名普通会员NFT价格上涨 {{value3}},既:前 {{value2}} 名价格为 {{value1}} USDT/枚value4 名价格为{{value1}}u+{{value1}}u*{{value3}}={{value5}} USDT/枚,以此类推。": "Starting at {{value1}} USDT, the NFT price increases by {{value3}} for every {{value2}} new members: first {{value2}} at {{value1}} USDT each, {{value4}} at {{value1}}u+{{value1}}u*{{value3}}={{value5}} USDT each, and so on.",
"授权USDT": "Authorize USDT",
"当前级别": "Current Level",
"普通活跃": "Active Member",
"提升级别": "Upgrade Level",
"社长": "Leader",
"当前升级价格:": "Current Upgrade Price:",
"升级费用100USDT起其中gas费2USDT剩余部分50%进入资金池另外50%平均分给所有升级成功的社长和基金会社长。自第二个社长升级开始,每升级一名社长所需铸造费用增加10%既第二位社长升级铸造费用为100u+100*10%=110USDT以此类推。": "Upgrade cost starts at 100USDT, including 2USDT gas fee; 50% goes to the fund pool, and 50% is distributed among successful Leaders and Foundation Leaders. From the second Leader onwards, each upgrade cost increases by 10%, i.e., second Leader upgrade costs 110USDT, and so on.",
"升级费用xxx USDT起其中gas费2USDT剩余部分50%进入资金池另外50%平均分给所有升级成功的社长和基金会社长。自第二个社长升级开始,每升级一名社长所需铸造费用增加xxx既第二位社长升级铸造费用为xxxu+xxx*xxx=xxx USDT以此类推。": "Upgrade cost starts at {{value1}} USDT, including 2USDT gas fee; 50% goes to the fund pool, and 50% is distributed among successful Leaders and Foundation Leaders. From the second Leader onwards, each upgrade cost increases by {{value2}}, i.e., second Leader upgrade costs {{value1}}u+{{value1}}*{{value2}}={{value3}} USDT, and so on.",
"升级条件": "Upgrade Conditions",
"普通会员": "Regular Member",
"(限量20000个)": "(Limited to 20000)",
"(限量xxx个)": "(Limited to {{value}})",
"1. MINT一枚NFT成为非活跃普通会员": "1. MINT an NFT to become an Inactive Member",
"2. MINT NFT并推荐MINT成为活跃普通会员": "2. MINT NFT and recommend MINT to become an Active Member",
"3. 享1%代币空投平分(所有普通会员)": "3. 1% token airdrop shared among all members",
@ -87,5 +87,19 @@
"活跃普通": "Active Member",
"复制成功": "Copy successful",
"领取成功,前往钱包查看": "Claim successful, please check your wallet."
"领取成功,前往钱包查看": "Claim successful, please check your wallet.",
"链接钱包中...": "connecting wallet...",
"无": "None",
"服务器错误": "Server Error",
"余额不足": "Insufficient balance",
"MINT成功返回首页查看": "MINT succeeded, return to the homepage to check.",
"正在授权USDT": "Authorizing USDT",
"购买中": "Purchasing",
"领取中": "Processing",
"MINT Nft 获取邀请链接": "MINT Nft invite link",
"链接钱包获取邀请链接": "Link your wallet to get the invitation link.",
"正在获取已授权金额": "Currently retrieving authorized amount.",
"升级成功,返回首页查看": "Upgrade successful, return to homepage to view.",
"无级别提升": "Promotion without rank",
"没有更多数据了": "No more data"
}

View File

@ -35,17 +35,17 @@
"MINT余量": "残りのMINT",
"当前MINT价格": "現在のMINT価格",
"价格说明:": "価格説明:",
"100USDT起每增加100名普通会员NFT价格上涨1%前100名价格为100USDT/枚101-200名价格为100u+100u*1%=101USDT/枚,以此类推。": "100USDTから、100人の会員が増えるごとにNFT価格が1%上昇最初の100人は100USDT/個、101-200人は101USDT/個、以降も同様。",
"{{value1}} USDT起每增加 {{value2}} 名普通会员NFT价格上涨 {{value3}},既:前 {{value2}} 名价格为 {{value1}} USDT/枚value4 名价格为{{value1}}u+{{value1}}u*{{value3}}={{value5}} USDT/枚,以此类推。": "{{value1}} USDTから、{{value2}}人の会員が増えるごとにNFT価格が{{value3}}上昇:最初の{{value2}}人は{{value1}}USDT/個、{{value4}}人は{{value1}}u+{{value1}}u*{{value3}}={{value5}} USDT/個、以降も同様。",
"授权USDT": "USDTの承認",
"当前级别": "現在のレベル",
"普通活跃": "活躍メンバー",
"提升级别": "レベルアップ",
"社长": "リーダー",
"当前升级价格:": "現在のアップグレード価格:",
"升级费用100USDT起其中gas费2USDT剩余部分50%进入资金池另外50%平均分给所有升级成功的社长和基金会社长。自第二个社长升级开始,每升级一名社长所需铸造费用增加10%既第二位社长升级铸造费用为100u+100*10%=110USDT以此类推。": "アップグレード費用は100USDTから、うちガス代2USDT、残りの50%は資金プールに入り、もう50%はアップグレードに成功したリーダーとファンドリーダーに分配。2人目のリーダーからは、アップグレード費用が10%ずつ増加、つまり2人目は110USDT、以降も同様。",
"升级费用xxx USDT起其中gas费2USDT剩余部分50%进入资金池另外50%平均分给所有升级成功的社长和基金会社长。自第二个社长升级开始,每升级一名社长所需铸造费用增加xxx既第二位社长升级铸造费用为xxxu+xxx*xxx=xxx USDT以此类推。": "アップグレード費用は{{value1}} USDTから、うちガス代2USDT、残りの50%は資金プールに入り、もう50%はアップグレードに成功したリーダーとファンドリーダーに分配。2人目のリーダーからは、アップグレード費用が{{value2}}ずつ増加、つまり2人目は{{value1}}u+{{value1}}*{{value2}}={{value3}} USDT、以降も同様。",
"升级条件": "アップグレード条件",
"普通会员": "一般会員",
"(限量20000个)": "(限定20000個)",
"(限量xxx个)": "(限定 {{value}} 個)",
"1. MINT一枚NFT成为非活跃普通会员": "1. NFTを1枚鋳造して非活躍メンバーになる",
"2. MINT NFT并推荐MINT成为活跃普通会员": "2. NFTを鋳造し、他者に鋳造を推奨して活躍メンバーになる",
"3. 享1%代币空投平分(所有普通会员)": "3. 一般会員は1%のトークンエアドロップを均等に分配",
@ -87,5 +87,19 @@
"活跃普通": "活躍一般",
"复制成功": "コピーが成功しました",
"领取成功,前往钱包查看": "受け取りが成功しました。ウォレットで確認してください。"
"领取成功,前往钱包查看": "受け取りが成功しました。ウォレットで確認してください。",
"链接钱包中...": "ウォレットをリンク中...",
"无": "無",
"服务器错误": "サーバーエラー",
"余额不足": "ざんだかふそく",
"MINT成功返回首页查看": "MINTが成功しました。ホームページに戻って確認してください",
"正在授权USDT": "USDTの認証中",
"购买中": "購入中 (こうにゅうちゅう)",
"领取中": "しょりちゅう",
"MINT Nft 获取邀请链接": "MINT Nft 招待リンクを取得する",
"链接钱包获取邀请链接": "ウォレットをリンクして招待リンクを取得します。",
"正在获取已授权金额": "承認済み金額を取得中です",
"升级成功,返回首页查看": "アップグレードが成功しました。ホームページに戻って確認してください。",
"无级别提升": "階級なしの昇進",
"没有更多数据了": "これ以上のデータはありません"
}

View File

@ -35,17 +35,17 @@
"MINT余量": "MINT餘量",
"当前MINT价格": "當前MINT價格",
"价格说明:": "價格說明:",
"100USDT起每增加100名普通会员NFT价格上涨1%前100名价格为100USDT/枚101-200名价格为100u+100u*1%=101USDT/枚,以此类推。": "100USDT起每增加100名普通會員NFT價格上漲1%前100名價格為100USDT/枚101-200名價格為100u+100u*1%=101USDT/枚,以此類推。",
"{{value1}} USDT起每增加 {{value2}} 名普通会员NFT价格上涨 {{value3}},既:前 {{value2}} 名价格为 {{value1}} USDT/枚value4 名价格为{{value1}}u+{{value1}}u*{{value3}}={{value5}} USDT/枚,以此类推。": "{{value1}} USDT起每增加{{value2}}名普通會員NFT價格上漲{{value3}},即:前{{value2}}名價格為{{value1}} USDT/枚,{{value4}}名價格為{{value1}}u+{{value1}}u*{{value3}}={{value5}} USDT/枚,以此類推。",
"授权USDT": "授權USDT",
"当前级别": "當前級別",
"普通活跃": "普通活躍",
"提升级别": "提升級別",
"社长": "社長",
"当前升级价格:": "當前升級價格:",
"升级费用100USDT起其中gas费2USDT剩余部分50%进入资金池另外50%平均分给所有升级成功的社长和基金会社长。自第二个社长升级开始,每升级一名社长所需铸造费用增加10%既第二位社长升级铸造费用为100u+100*10%=110USDT以此类推。": "升級費用100USDT起其中gas費2USDT剩餘部分50%進入資金池另外50%平均分給所有升級成功的社長和基金會社長。自第二個社長升級開始,每升級一名社長所需鑄造費用增加10%即第二位社長升級鑄造費用為100u+100*10%=110USDT以此類推。",
"升级费用xxx USDT起其中gas费2USDT剩余部分50%进入资金池另外50%平均分给所有升级成功的社长和基金会社长。自第二个社长升级开始,每升级一名社长所需铸造费用增加xxx既第二位社长升级铸造费用为xxxu+xxx*xxx=xxx USDT以此类推。": "升級費用{{value1}} USDT起其中gas費2USDT剩餘部分50%進入資金池另外50%平均分給所有升級成功的社長和基金會社長。自第二個社長升級開始,每升級一名社長所需鑄造費用增加{{value2}},即第二位社長升級鑄造費用為{{value1}}u+{{value1}}*{{value2}}={{value3}} USDT以此類推。",
"升级条件": "升級條件",
"普通会员": "普通會員",
"(限量20000个)": "(限量20000個)",
"(限量xxx个)": "(限量 {{value}} 個)",
"1. MINT一枚NFT成为非活跃普通会员": "1. MINT一枚NFT成為非活躍普通會員",
"2. MINT NFT并推荐MINT成为活跃普通会员": "2. MINT NFT並推薦MINT成為活躍普通會員",
"3. 享1%代币空投平分(所有普通会员)": "3. 享1%代幣空投平分(所有普通會員)",
@ -87,5 +87,19 @@
"活跃普通": "活躍普通",
"复制成功": "複製成功",
"领取成功,前往钱包查看": "領取成功,前往錢包查看"
"领取成功,前往钱包查看": "領取成功,前往錢包查看",
"链接钱包中...": "連結錢包中...",
"无": "無",
"服务器错误": "伺服器錯誤",
"余额不足": "餘額不足",
"MINT成功返回首页查看": "MINT成功返回首頁查看",
"正在授权USDT": "正在授權USDT",
"购买中": "購買中",
"领取中": "處理中",
"MINT Nft 获取邀请链接": "MINT Nft 獲取邀請鏈接",
"链接钱包获取邀请链接": "連結錢包以獲取邀請鏈接。",
"正在获取已授权金额": "正在取得已授權金額",
"升级成功,返回首页查看": "升級成功,返回首頁查看。",
"无级别提升": "無級別提升",
"没有更多数据了": "沒有更多數據了"
}

View File

@ -1,7 +1,7 @@
/*
* @LastEditors: John
* @Date: 2024-06-17 17:20:03
* @LastEditTime: 2024-06-19 18:07:46
* @LastEditTime: 2024-06-20 11:43:14
* @Author: John
*/
import "@/i18n/init.ts";
@ -15,8 +15,9 @@ import EventBusProvider from "./context/EventBusContext.tsx";
import { WalletProvider } from "./components/WalletProvider.tsx";
import flexible from "./utils/flexible.ts";
import VConsole from "vconsole";
import { getUrlQueryParam } from "./utils/index.ts";
if (import.meta.env.DEV) {
if (getUrlQueryParam("vconsole") === "1") {
new VConsole();
}
flexible(window, document);

View File

@ -1,105 +1,209 @@
/*
* @LastEditors: John
* @Date: 2024-06-18 17:57:13
* @LastEditTime: 2024-06-19 14:19:55
* @LastEditTime: 2024-06-24 10:44:10
* @Author: John
*/
import Tabs from "antd-mobile/es/components/tabs";
import classes from "./AssetRecord.module.css";
import { cn } from "@/utils";
import { cn, getUrlQueryParam } from "@/utils";
import CapsuleTabs from "antd-mobile/es/components/capsule-tabs";
import RecordsItem from "@/components/RecordsItem";
import { useTranslation } from "react-i18next";
import { useEffect, useMemo, useRef, useState } from "react";
import { api_pagling_query_income_record } from "@/server/api";
import { IncomeRecord, IncomeRecordType } from "@/server/module";
import { Empty, InfiniteScroll } from "antd-mobile";
import { CoinName } from "@/constants";
export default function () {
const { t } = useTranslation();
const coinId = useMemo(() => getUrlQueryParam("id"), []);
const coinName = useMemo(() => getUrlQueryParam("name"), []);
const currentType = useRef<1 | 2>(1);
const [issueRecords, setIssueRecords] = useState<IncomeRecord["records"]>([]);
const [receiveRecord, setReceiveRecord] = useState<IncomeRecord["records"]>(
[]
);
const conditions = useRef<IncomeRecordType>();
const pageNum = useRef<number>(0);
const hasMore = useRef<boolean>(true);
useEffect(() => {
return () => {};
}, [coinId]);
async function getRecord() {
return new Promise<void>(async (reslove) => {
if (!coinId) return;
if (!hasMore.current) return;
const pageSize = 20;
pageNum.current++;
const { data } = await api_pagling_query_income_record().send({
queryParams: {
id: coinId,
type: currentType.current,
pageNum: pageNum.current,
pageSize,
...(conditions.current && currentType.current == 1
? { status: conditions.current }
: {}),
},
});
if (!data?.data.records) return;
if (data.data.records.length < pageSize) hasMore.current = false;
if (currentType.current == 1) {
setIssueRecords([...issueRecords, ...data?.data.records]);
} else {
setReceiveRecord([...receiveRecord, ...data?.data.records]);
}
reslove();
});
}
function resetPaging() {
if (currentType.current == 1) {
setIssueRecords([]);
} else if (currentType.current == 2) {
setReceiveRecord([]);
}
pageNum.current = 0;
hasMore.current = true;
}
return (
<>
<Tabs className={cn(classes.AssetRecord)}>
<Tabs
className={cn(classes.AssetRecord)}
onChange={(key) => {
if (parseInt(key) == 1) {
currentType.current = 1;
resetPaging();
} else {
currentType.current = 2;
resetPaging();
}
}}
>
<Tabs.Tab className={classes.tab} title={t("发放记录")} key="1">
<CapsuleTabs>
<CapsuleTabs.Tab title={t("所有")} key="1" />
<CapsuleTabs.Tab title={t("升级费平分")} key="2" />
<CapsuleTabs.Tab title={t("直推>20NFT")} key="3" />
</CapsuleTabs>
<ul className={classes.recordsList}>
<li>
<RecordsItem
itemList={[
{
title: t("奖励类型"),
value: t("升级费平分"),
},
{ title: t("发放时间"), value: "2024-06-01 12:23:45" },
{ title: t("发放数量"), value: "2.00 USDT" },
]}
/>
</li>
{coinName == CoinName.USDT && (
<CapsuleTabs
onChange={(key) => {
switch (key) {
case "1":
conditions.current = undefined;
break;
case "2":
conditions.current = 5;
break;
case "3":
conditions.current = 4;
break;
<li>
<RecordsItem
itemList={[
{
title: t("奖励类型"),
value: t("直推>20NFT"),
},
{ title: t("发放时间"), value: "2024-06-01 12:23:45" },
{ title: t("发放数量"), value: "2.00 USDT" },
]}
/>
</li>
default:
break;
}
resetPaging();
}}
>
<CapsuleTabs.Tab title={t("所有")} key="1" />
<CapsuleTabs.Tab title={t("升级费平分")} key="2" />
<CapsuleTabs.Tab title={t("直推>20NFT")} key="3" />
</CapsuleTabs>
)}
{coinName == CoinName.RMOB && (
<CapsuleTabs
onChange={(key) => {
switch (key) {
case "1":
conditions.current = undefined;
break;
case "2":
conditions.current = 6;
break;
case "3":
conditions.current = 7;
break;
case "4":
conditions.current = 8;
break;
case "5":
conditions.current = 9;
break;
default:
break;
}
resetPaging();
}}
>
<CapsuleTabs.Tab title={t("所有")} key="1" />
<CapsuleTabs.Tab title={t("NFT空投")} key="2" />
<CapsuleTabs.Tab title={t("社长空投")} key="3" />
<CapsuleTabs.Tab title={t("基金会社长")} key="4" />
<CapsuleTabs.Tab title={t("直推空投")} key="5" />
</CapsuleTabs>
)}
<ul className={classes.recordsList}>
{issueRecords?.map((v, i) => (
<li key={i}>
<RecordsItem
itemList={[
{
title: t("奖励类型"),
value: v.extRemark,
},
{ title: t("发放时间"), value: v.createTime },
{ title: t("发放数量"), value: `${v.opValue} USDT` },
]}
/>
</li>
))}
{issueRecords?.length == 0 && <Empty />}
<InfiniteScroll loadMore={getRecord} hasMore={hasMore.current}>
<span>{t("没有更多数据了")}</span>
</InfiniteScroll>
</ul>
</Tabs.Tab>
<Tabs.Tab className={classes.tab} title={t("领取记录")} key="2">
<ul className={classes.recordsList}>
<li>
<RecordsItem
itemList={[
{
title: t("领取时间"),
value: "2024-06-01 12:23:45",
},
{ title: t("领取数量"), value: "2.00 USDT" },
{
title: t("领取状态"),
value: t("确认中"),
valueColor: "#FC872B",
},
]}
/>
</li>
<li>
<RecordsItem
itemList={[
{
title: t("领取时间"),
value: "2024-06-01 12:23:45",
},
{ title: t("领取数量"), value: "2.00 USDT" },
{
title: t("领取状态"),
value: t("领取成功"),
valueColor: "#38C979",
},
]}
/>
</li>
<li>
<RecordsItem
itemList={[
{
title: t("领取时间"),
value: "2024-06-01 12:23:45",
},
{ title: t("领取数量"), value: "2.00 USDT" },
{
title: t("领取状态"),
value: t("交易取消"),
valueColor: "#C94738",
},
]}
/>
</li>
{receiveRecord?.map((v, i) => (
<li key={i}>
<RecordsItem
itemList={[
{
title: t("领取时间"),
value: v.createTime,
},
{ title: t("领取数量"), value: `${v.opValue} USDT` },
{
title: t("领取状态"),
...(v.type == 1 && {
value: t("领取成功"),
valueColor: "#38C979",
}),
...(v.type == 3 && {
value: t("确认中"),
valueColor: "#FC872B",
}),
...(v.type == 4 && {
value: t("交易取消"),
valueColor: "#C94738",
}),
},
]}
/>
</li>
))}
{receiveRecord?.length == 0 && <Empty />}
<InfiniteScroll loadMore={getRecord} hasMore={hasMore.current}>
<span>{t("没有更多数据了")}</span>
</InfiniteScroll>
</ul>
</Tabs.Tab>
</Tabs>

View File

@ -235,7 +235,7 @@
margin-top: 10px;
width: 345px;
min-height: 236px;
/* min-height: 236px; */
border-radius: 16px;
opacity: 1;
@ -326,6 +326,8 @@
.nftToken_content_token_top {
padding: 14px 15px;
border-bottom: 1px solid #404040;
display: flex;
flex-direction: column;
span {
opacity: 1;
@ -468,7 +470,7 @@
z-index: 1;
box-sizing: border-box;
> span {
span {
/* 自动布局子元素 */
opacity: 1;
@ -499,6 +501,7 @@
justify-content: center;
align-items: center;
gap: 16px;
padding: 0 43px;
.nftToken_content_nft_mint_btn {
/* 自动布局子元素 */
width: 169px;
@ -643,7 +646,7 @@
box-sizing: border-box;
margin-top: 10px;
span {
> span {
&:nth-of-type(1) {
/* 自动布局子元素 */
opacity: 0.8;
@ -673,21 +676,18 @@
font-variation-settings: "opsz" auto;
font-feature-settings: "kern" on;
color: #ffffff;
color: #eaeaea;
z-index: 0;
display: flex;
align-items: center;
gap: 16px;
.invite_content_icon {
width: 24px;
height: 24px;
}
z-index: 1;
}
}
.invite_content_link {
display: flex;
align-items: center;
justify-content: space-between;
&:nth-of-type(3) {
> span {
width: 265px;
/* 自动布局子元素 */
opacity: 1;
@ -699,9 +699,20 @@
font-variation-settings: "opsz" auto;
font-feature-settings: "kern" on;
color: #eaeaea;
color: #ffffff;
z-index: 1;
z-index: 0;
display: flex;
align-items: center;
gap: 16px;
white-space: nowrap;
.invite_content_icon {
width: 24px;
height: 24px;
}
}
}
}

View File

@ -2,17 +2,29 @@ import classes from "./Home.module.css";
import useUserStore from "@/store/User";
import { cn, copyText, shortenString } from "@/utils";
import { useWeb3Modal } from "@web3modal/wagmi/react";
import { useEffect, useState } from "react";
import { useEffect, useMemo, useRef, useState } from "react";
import { useTranslation } from "react-i18next";
import logo from "@/assets/logo.svg";
import nftBg from "@/assets/nft_bg.svg";
import usdtBg from "@/assets/usdt_bg.svg";
import RMOB_logo from "@/assets/RMOB_logo.svg";
import IconFont from "@/components/iconfont";
import { useAccount } from "wagmi";
import { BaseError, useAccount } from "wagmi";
import { disconnect } from "wagmi/actions";
import { config } from "@/components/WalletProvider";
import { useNavigate } from "react-router-dom";
import { Toast } from "antd-mobile";
import { Button, Dialog, Ellipsis, Empty, Toast } from "antd-mobile";
import { loginOut, signAndLogin } from "@/utils/wallet";
import {
api_claim_income,
api_get_homepage_user_data,
api_users_cancel_orders,
} from "@/server/api";
import { UserHomeData } from "@/server/module";
import { UrlQueryParamsKey } from "@/constants";
import { receiveByContract } from "@/contract/utils";
import usePollingCheckBuyStatus from "@/hook/usePollingCheckBuyStatus";
import { ToastHandler } from "antd-mobile/es/components/toast";
export default function () {
const { Token, UpdateToken } = useUserStore();
@ -22,10 +34,40 @@ export default function () {
const [tabIndex, setTabIndex] = useState(0);
const navigate = useNavigate();
const [userData, setUserData] = useState<UserHomeData>();
const userInviteLink = useMemo(
() =>
`${import.meta.env.VITE_BASE_URL}?${UrlQueryParamsKey.INVITE_CODE}=${
userData?.invitationCode || ""
}`,
[userData]
);
const receiveLoadingToast = useRef<ToastHandler>();
const { transcationStatus, startPollingCheckBuyStatus } =
usePollingCheckBuyStatus("NORMAL");
useEffect(() => {
UpdateToken("user token abc");
getHomeData();
return () => {};
}, []);
}, [Token]);
useEffect(() => {
if (transcationStatus == "success") {
receiveLoadingToast.current?.close();
Dialog.alert({
content: `${t("领取成功,前往钱包查看")}`,
confirmText: "OK",
});
}
return () => {};
}, [transcationStatus]);
async function getHomeData() {
const { data } = await api_get_homepage_user_data().send({});
setUserData(data?.data);
}
useEffect(() => {
console.log("user token:", Token);
@ -47,6 +89,7 @@ export default function () {
<IconFont
onClick={() => {
disconnect(config);
loginOut();
}}
name="tuichu"
className={classes.userinfo_top_right_wallet_disconnect}
@ -54,26 +97,62 @@ export default function () {
/>
</div>
<div className={classes.userinfo_top_right_btns}>
<div className={classes.userinfo_top_right_btns_item}>
<IconFont
name="tongdun"
className={classes.userinfo_top_right_btns_icon}
/>
<span>{t("普通非活跃")}</span>
</div>
<div
className={classes.userinfo_top_right_btns_item}
onClick={() => {
navigate("/levelup");
}}
>
<span>{t("升级")}</span>
<IconFont
name="chevronsrightshuangyoujiantou"
className={classes.userinfo_top_right_btns_icon}
color={"#fff"}
/>
</div>
{userData && (
<>
<div className={classes.userinfo_top_right_btns_item}>
{userData.level == 0 && (
<>
<IconFont
name="tongdun"
className={classes.userinfo_top_right_btns_icon}
/>
<span>{t("普通非活跃")}</span>
</>
)}
{userData.level == 1 && (
<>
<IconFont
name="jindun"
className={classes.userinfo_top_right_btns_icon}
/>
<span>{t("普通活跃")}</span>
</>
)}
{userData.level == 2 && (
<>
<IconFont
name="xingdun"
className={classes.userinfo_top_right_btns_icon}
/>
<span>{t("社长")}</span>
</>
)}
{userData.level == 3 && (
<>
<IconFont
name="guanjun"
className={classes.userinfo_top_right_btns_icon}
/>
<span>{t("基金会社长")}</span>
</>
)}
</div>
<div
className={classes.userinfo_top_right_btns_item}
onClick={() => {
navigate("/levelup");
}}
>
<span>{t("升级")}</span>
<IconFont
name="chevronsrightshuangyoujiantou"
className={classes.userinfo_top_right_btns_icon}
color={"#fff"}
/>
</div>
</>
)}
</div>
</div>
) : (
@ -91,15 +170,21 @@ export default function () {
</div>
<ul className={classes.userinfo_data}>
<li>
<span className={classes.userinfo_data_num}>20</span>
<span className={classes.userinfo_data_num}>
{userData?.mintNumber || 0}
</span>
<span className={classes.userinfo_data_des}>{t("邀请铸造")}</span>
</li>
<li>
<span className={classes.userinfo_data_num}>20</span>
<span className={classes.userinfo_data_num}>
{userData?.presidentNumber || 0}
</span>
<span className={classes.userinfo_data_des}>{t("团队社长")}</span>
</li>
<li>
<span className={classes.userinfo_data_num}>3</span>
<span className={classes.userinfo_data_num}>
{userData?.airdropNumber || 0}
</span>
<span className={classes.userinfo_data_des}>{t("邀请空投")}</span>
</li>
</ul>
@ -126,10 +211,10 @@ export default function () {
<>
{address ? (
<>
{true ? (
{userData?.nftId ? (
<div className={classes.nftToken_content_nft}>
<div className={classes.nftToken_content_nft_top}>
<span># 737389</span>
<span># ${userData?.nftId}</span>
<span
onClick={() => {
navigate("/mint");
@ -188,22 +273,49 @@ export default function () {
</div>
<ul className={classes.nftToken_content_token_list}>
<ReceiveCom
tokenName="USDT"
tokenNum={0}
toReceive={0}
onAssetRec={() => {
navigate("/assetrecord");
}}
/>
<ReceiveCom
tokenName="RMOB"
tokenNum={0}
toReceive={0}
onAssetRec={() => {
navigate("/airdroprecord");
}}
/>
{userData?.userIncomes.map((v, i) => (
<ReceiveCom
key={i}
tokenName={v.coinName}
tokenNum={v.receive}
toReceive={v.collection}
onAssetRec={() => {
navigate(`/assetrecord?id=${v.id}&name=${v.coinName}`);
}}
onReceive={async () => {
receiveLoadingToast.current = Toast.show({
icon: "loading",
duration: 0,
content: t("领取中"),
maskClickable: false,
});
const { data } = await api_claim_income().send({
queryParams: { id: v.id },
});
const orderInfo = data?.data;
if (!orderInfo?.orderNumber) return;
const buyAmount = BigInt(
orderInfo?.claimQuantity || ""
);
receiveByContract(buyAmount, orderInfo?.orderNumber)
.then((hash) => {
console.log("领取成功hash:", hash);
getHomeData();
startPollingCheckBuyStatus(hash);
})
.catch(async (err: BaseError) => {
receiveLoadingToast.current?.close();
Toast.show({
content: err.shortMessage,
icon: "fail",
});
});
}}
/>
))}
{(userData?.userIncomes.length == 0 ||
!userData?.userIncomes) && <Empty />}
</ul>
</div>
)}
@ -213,32 +325,50 @@ export default function () {
<div className={classes.invite}>
<div className={classes.invite_top}>
<span>{t("邀请")}</span>
<span
onClick={() => {
navigate("/invitationlist");
}}
>
{t("邀请列表")}{" "}
<IconFont
name="chevronsrightshuangyoujiantou"
color={"#F3BE3C"}
/>
</span>
{address && (
<span
onClick={() => {
navigate("/invitationlist");
}}
>
{t("邀请列表")}{" "}
<IconFont
name="chevronsrightshuangyoujiantou"
color={"#F3BE3C"}
/>
</span>
)}
</div>
<div className={classes.invite_content}>
<span>{t("邀请链接")}</span>
<span>
https://www.rmob_nft.com/regster=id?1{" "}
<IconFont
onClick={() => {
copyText("https://www.rmob_nft.com/regster=id?1");
}}
className={classes.invite_content_icon}
name="fuzhi"
color={"#fff"}
/>{" "}
</span>
<div className={classes.invite_content_link}>
{address ? (
<>
{userData?.nftId ? (
<>
<span>{shortenString(userInviteLink, 15, 15)}</span>
<IconFont
onClick={() => {
copyText(userInviteLink);
}}
className={classes.invite_content_icon}
name="fuzhi"
color={"#fff"}
/>{" "}
</>
) : (
<>
<span>{t("MINT Nft 获取邀请链接")}</span>
</>
)}
</>
) : (
<>
<span>{t("链接钱包获取邀请链接")}</span>
</>
)}
</div>
<span>
{t(
@ -253,15 +383,15 @@ export default function () {
<ul className={classes.dataDisclosure_content}>
<li className={classes.dataDisclosure_content_item}>
<span>{t("资金池")}</span>
<span>10000</span>
<span>{userData?.pools || 0}</span>
</li>
<li className={classes.dataDisclosure_content_item}>
<span>{t("社长席位")}</span>
<span>499</span>
<span>{userData?.president || 0}</span>
</li>
<li className={classes.dataDisclosure_content_item}>
<span>{t("基金会社长席位")}</span>
<span>19</span>
<span>{userData?.foundation || 0}</span>
</li>
</ul>
</div>
@ -275,16 +405,19 @@ function ReceiveCom({
tokenNum,
toReceive,
onAssetRec,
onReceive,
}: {
tokenName: string;
tokenNum: number;
tokenNum: string;
toReceive: number;
onAssetRec: () => void;
onReceive: () => void;
}) {
const { t } = useTranslation();
return (
<li className={classes.nftToken_content_token_item}>
<img src={usdtBg} alt="" />
{tokenName.toUpperCase() == "USDT" && <img src={usdtBg} alt="" />}
{tokenName.toUpperCase() == "RMOB" && <img src={RMOB_logo} alt="" />}
<div>
<span className={classes.nftToken_content_token_item_tokenName}>
{tokenName}
@ -308,17 +441,14 @@ function ReceiveCom({
<span>{t("待领取")}</span>
<span>{toReceive}</span>
</div>
<div
<Button
className={classes.nftToken_content_token_item_tokenReceive}
onClick={() => {
Toast.show({
content: t("领取成功,前往钱包查看"),
icon: "success",
});
}}
onClick={() => onReceive()}
fill="outline"
disabled={toReceive == 0}
>
<span>{t("领取")}</span>
</div>
</Button>
</div>
</li>
);

View File

@ -1,32 +1,24 @@
/*
* @LastEditors: John
* @Date: 2024-06-19 11:03:01
* @LastEditTime: 2024-06-19 17:33:25
* @LastEditTime: 2024-06-22 10:27:19
* @Author: John
*/
import { shortenString } from "@/utils";
import Ellipsis from "antd-mobile/es/components/ellipsis";
import { api_preprelion_list } from "@/server/api";
import { PreprelionListItem } from "@/server/module";
import { Empty } from "antd-mobile";
import { useEffect, useState } from "react";
import DataTable, { TableColumn } from "react-data-table-component";
import { useTranslation } from "react-i18next";
import { useAccount } from "wagmi";
interface DataRow {
id: number;
address: string;
level: string;
nft: number;
}
export default function () {
const { address } = useAccount();
const { t } = useTranslation();
const columns: TableColumn<DataRow>[] = [
const [data, setData] = useState<PreprelionListItem[]>([]);
const columns: TableColumn<PreprelionListItem>[] = [
{
name: t("地址"),
selector: (row) => row.address,
grow: 4,
// cell(row, rowIndex, column, id) {
// return <Ellipsis direction="middle" content={row.address} />;
// },
},
{
name: t("级别"),
@ -35,43 +27,25 @@ export default function () {
},
{
name: t("直推NFT"),
selector: (row) => row.nft,
selector: (row) => row.mintNumber,
// @ts-ignore
right: "true",
grow: 2,
},
];
const data: DataRow[] = [
{
id: 1,
address: "0x1000.....2223",
level: t("非活跃普通"),
nft: 0,
},
{
id: 2,
address: "0x1000.....2223",
level: t("活跃普通"),
nft: 2,
},
{
id: 3,
address: "0x1000.....2223",
level: t("社长"),
nft: 23,
},
{
id: 4,
address: "0x1000.....2223",
level: t("基金会社长"),
nft: 50,
},
];
useEffect(() => {
(async () => {
const { data } = await api_preprelion_list().send({});
setData(data?.data || []);
})();
return () => {};
}, []);
return (
<>
<DataTable columns={columns} data={data} />
<DataTable columns={columns} data={data} noDataComponent={<Empty />} />
</>
);
}

View File

@ -34,6 +34,7 @@
box-sizing: border-box;
span {
white-space: nowrap;
&:nth-of-type(1) {
/* 自动布局子元素 */
opacity: 1;

View File

@ -1,12 +1,88 @@
import IconFont from "@/components/iconfont";
import classes from "./LevelUp.module.css";
import { cn } from "@/utils";
import { cn, getLevelName } from "@/utils";
import Button from "antd-mobile/es/components/button";
import Space from "antd-mobile/es/components/space";
import { PropsWithChildren } from "react";
import { PropsWithChildren, useEffect, useMemo, useRef, useState } from "react";
import { useTranslation } from "react-i18next";
import {
api_get_user_upgrade_information,
api_upgrade,
api_users_cancel_orders,
} from "@/server/api";
import { UpgradeOrder, UserUpgradeInformation } from "@/server/module";
import Toast, { ToastHandler } from "antd-mobile/es/components/toast";
import {
authorizedU,
getApproveUsdt,
getBalance,
upGradeByContract,
} from "@/contract/utils";
import { toWei } from "web3-utils";
import usePollingCheckBuyStatus from "@/hook/usePollingCheckBuyStatus";
import { BaseError } from "wagmi";
import { Dialog } from "antd-mobile";
import { useNavigate } from "react-router-dom";
export default function () {
const { t } = useTranslation();
const navigate = useNavigate();
const [userUpgradeInfo, setUserUpgradeInfo] =
useState<UserUpgradeInformation>();
const [approveUsdt, setApproveUsdt] = useState<bigint>(0n);
const [balance, setBalance] = useState<bigint>(0n);
const approveLoadingToast = useRef<ToastHandler>();
const approvePrice = useMemo(
() => BigInt(toWei(userUpgradeInfo?.price || "0", "ether")),
[userUpgradeInfo?.price]
);
const upgradeLoadingtoast = useRef<ToastHandler>();
const orderInfo = useRef<UpgradeOrder>();
const { transcationStatus, startPollingCheckBuyStatus } =
usePollingCheckBuyStatus("NORMAL");
useEffect(() => {
updateUserUpgrdeInfo();
return () => {};
}, []);
useEffect(() => {
(async () => {
if (userUpgradeInfo?.status != 1) return;
Toast.show({ icon: "loading", content: t("正在获取已授权金额") });
setBalance(await getBalance());
setApproveUsdt(await getApproveUsdt());
Toast.clear();
})();
return () => {};
}, [userUpgradeInfo?.status]);
useEffect(() => {
console.log("approvePrice:", approvePrice);
return () => {};
}, [approvePrice]);
useEffect(() => {
if (transcationStatus == "success") {
upgradeLoadingtoast.current?.close();
Dialog.alert({
content: `${t("升级成功,返回首页查看")}`,
confirmText: "OK",
onConfirm() {
navigate("/");
},
});
}
return () => {};
}, [transcationStatus]);
async function updateUserUpgrdeInfo() {
const { data } = await api_get_user_upgrade_information().send({});
setUserUpgradeInfo(data?.data);
}
return (
<>
<div className={cn(classes.LevelUp, classes.container)}>
@ -14,7 +90,7 @@ export default function () {
<div className={classes.content_box}>
<div className={classes.box_item}>
<span>{t("当前级别")}</span>
<span>{t("普通活跃")}</span>
<span>{getLevelName(userUpgradeInfo?.level || 0)}</span>
</div>
<IconFont
className={classes.box_arrow}
@ -23,29 +99,100 @@ export default function () {
/>
<div className={classes.box_item}>
<span>{t("提升级别")}</span>
<span>{t("社长")}</span>
<span>{userUpgradeInfo?.level == 1 ? t("社长") : t("无")}</span>
</div>
</div>
<div className={classes.content_price}>
<span>{t("当前升级价格:")}</span>
<span>110 USDT</span>
<span>{userUpgradeInfo?.price || 0} USDT</span>
</div>
<div className={classes.content_price_des}>
<span>{t("价格说明:")}</span>
<span>
{t(
"升级费用100USDT起其中gas费2USDT剩余部分50%进入资金池另外50%平均分给所有升级成功的社长和基金会社长。自第二个社长升级开始每升级一名社长所需铸造费用增加10%既第二位社长升级铸造费用为100u+100*10%=110USDT以此类推。"
"升级费用xxx USDT起其中gas费2USDT剩余部分50%进入资金池另外50%平均分给所有升级成功的社长和基金会社长。自第二个社长升级开始每升级一名社长所需铸造费用增加xxx既第二位社长升级铸造费用为xxxu+xxx*xxx=xxx USDT以此类推。",
{
value1: userUpgradeInfo?.upgradeFees || 0,
value2: userUpgradeInfo?.proportion || "0%",
value3:
parseFloat(userUpgradeInfo?.upgradeFees || "0") +
(parseFloat(userUpgradeInfo?.upgradeFees || "0") *
parseFloat(
(userUpgradeInfo?.proportion || "0%").replace("%", "")
)) /
100,
}
)}
</span>
</div>
<Button className={classes.content_btn} fill="none">
<Button
className={classes.content_btn}
fill="none"
disabled={userUpgradeInfo?.status != 1}
onClick={async () => {
if (balance <= 0n) {
Toast.show({ icon: "fail", content: t("余额不足") });
return;
}
// 授权
if (approveUsdt === 0n) {
approveLoadingToast.current = Toast.show({
icon: "loading",
duration: 0,
content: t("正在授权USDT"),
});
authorizedU(approvePrice)
.then(async () => {
setApproveUsdt(await getApproveUsdt());
approveLoadingToast.current?.close();
})
.catch((err) => {
Toast.show({ content: err.shortMessage, icon: "fail" });
});
return;
}
// 升级
upgradeLoadingtoast.current = Toast.show({
icon: "loading",
duration: 0,
content: t("购买中"),
maskClickable: false,
});
const { data: orderRes } = await api_upgrade().send({});
orderInfo.current = orderRes?.data;
if (!orderInfo.current?.orderNumber) return;
const buyAmount = BigInt(orderInfo.current?.buyAmount || "");
upGradeByContract(buyAmount, orderInfo.current?.orderNumber)
.then((hash) => {
console.log("购买成功hash:", hash);
updateUserUpgrdeInfo();
startPollingCheckBuyStatus(hash);
})
.catch(async (err: BaseError) => {
upgradeLoadingtoast.current?.close();
Toast.show({ content: err.shortMessage, icon: "fail" });
// 取消购买
await api_users_cancel_orders().send({
queryParams: { orderId: orderInfo.current?.id! },
});
});
}}
>
<Space>
{/* <span>MINT</span> */}
<span>{t("授权USDT")}</span>
{/* <SpinLoading style={{ "--size": "20px" }} color="white" /> */}
{userUpgradeInfo?.status == 1 ? (
<>
{approveUsdt > 0n && <span>MINT</span>}
{approveUsdt === 0n && <span>{t("授权USDT")}</span>}
</>
) : (
<>
<span>{t("无级别提升")}</span>
</>
)}
</Space>
</Button>
</div>
@ -55,7 +202,9 @@ export default function () {
<ul>
<ConItem
memberName={t("普通会员")}
limitText={t("(限量20000个)")}
limitText={t("(限量xxx个)", {
value: userUpgradeInfo?.ordinary || 0,
})}
conList={[
t("1. MINT一枚NFT成为非活跃普通会员"),
t("2. MINT NFT并推荐MINT成为活跃普通会员"),
@ -66,7 +215,9 @@ export default function () {
<ConItem
memberName={t("社长")}
limitText={t("(限量500个)")}
limitText={t("(限量xxx个)", {
value: userUpgradeInfo?.president || 0,
})}
conList={[
t("1. 先成为活跃普通会员并推荐MINT 20枚NFT"),
t("2. 需支付100USDT起升级费用成为社长(第二个起递增10%)"),
@ -78,7 +229,9 @@ export default function () {
<ConItem
memberName={t("基金会社长")}
limitText={t("(限量20个)")}
limitText={t("(限量xxx个)", {
value: userUpgradeInfo?.foundation || 0,
})}
conList={[
t("1. 先成为社长并团队中有20个社长"),
t("2. 享社长权益+0.5%空投代币平分(所有基金会社长)"),

View File

@ -1,7 +1,7 @@
/*
* @LastEditors: John
* @Date: 2024-06-18 15:28:03
* @LastEditTime: 2024-06-19 14:06:59
* @LastEditTime: 2024-06-24 11:08:14
* @Author: John
*/
import { cn } from "@/utils";
@ -10,8 +10,85 @@ import nft_bg from "@/assets/nft_bg.svg";
import Button from "antd-mobile/es/components/button";
import Space from "antd-mobile/es/components/space";
import { useTranslation } from "react-i18next";
import { useEffect, useMemo, useRef, useState } from "react";
import {
api_get_nft_configuration_data,
api_nft_order,
api_users_cancel_orders,
} from "@/server/api";
import { NftConfigurationData, NftOrder } from "@/server/module";
import {
authorizedU,
getApproveUsdt,
getBalance,
payByContract,
} from "@/contract/utils";
import { Dialog, Modal, Toast } from "antd-mobile";
import useUserStore from "@/store/User";
import usePollingCheckBuyStatus from "@/hook/usePollingCheckBuyStatus";
import { ToastHandler } from "antd-mobile/es/components/toast";
import { BaseError } from "wagmi";
import { useNavigate } from "react-router-dom";
import { toWei } from "web3-utils";
export default function () {
const { t } = useTranslation();
const { Token } = useUserStore();
const [nftConfig, setNftConfig] = useState<NftConfigurationData>();
const [approveUsdt, setApproveUsdt] = useState<bigint>(0n);
const [balance, setBalance] = useState<bigint>(0n);
const orderInfo = useRef<NftOrder>();
const navigate = useNavigate();
const buyLoadingToast = useRef<ToastHandler>();
const approveLoadingToast = useRef<ToastHandler>();
const { buyNftIds, startPollingCheckBuyStatus } =
usePollingCheckBuyStatus("NFT");
const approvePrice = useMemo(
() => BigInt(toWei(nftConfig?.nftPrice || "0", "ether")),
[nftConfig?.nftPrice]
);
useEffect(() => {
updateNftConfig();
return () => {};
}, []);
useEffect(() => {
(async () => {
Toast.show({ icon: "loading", content: t("正在获取已授权金额") });
setBalance(await getBalance());
setApproveUsdt(await getApproveUsdt());
Toast.clear();
})();
return () => {};
}, [Token]);
async function updateNftConfig() {
const { data } = await api_get_nft_configuration_data().send({});
setNftConfig(data?.data);
}
useEffect(() => {
if (buyNftIds) {
buyLoadingToast.current?.close();
Dialog.alert({
content: `${t("MINT成功返回首页查看")}`,
confirmText: "OK",
onConfirm() {
navigate("/");
},
});
}
return () => {};
}, [buyNftIds]);
useEffect(() => {
return () => {};
}, []);
return (
<>
<div className={cn(classes.Mint, classes.container)}>
@ -22,17 +99,17 @@ export default function () {
<ul>
<li>
<span>{t("NFT总量")}</span>
<span>20000</span>
<span>{nftConfig?.nftCount || 0}</span>
</li>
<li>
<span>{t("MINT余量")}</span>
<span>15000</span>
<span>{nftConfig?.nftRemainder || 0}</span>
</li>
<li>
<span>{t("当前MINT价格")}</span>
<span>110 USDT</span>
<span>{nftConfig?.nftPrice || 0} USDT</span>
</li>
</ul>
@ -40,16 +117,87 @@ export default function () {
<span>{t("价格说明:")}</span>
<span>
{t(
"100USDT起每增加100名普通会员NFT价格上涨1%前100名价格为100USDT/枚101-200名价格为100u+100u*1%=101USDT/枚,以此类推。"
"{{value1}} USDT起每增加 {{value2}} 名普通会员NFT价格上涨 {{value3}},既:前 {{value2}} 名价格为 {{value1}} USDT/枚value4 名价格为{{value1}}u+{{value1}}u*{{value3}}={{value5}} USDT/枚,以此类推。",
{
value1: nftConfig?.initialPrice || 0,
value2: nftConfig?.floatingQuantity || 0,
value3: nftConfig?.kamibutsu || "0%",
value4: `${
parseInt(nftConfig?.floatingQuantity || "0") + 1
} - ${parseInt(nftConfig?.floatingQuantity || "0") * 2}`,
value5:
parseFloat(nftConfig?.initialPrice || "0") +
(parseFloat(nftConfig?.initialPrice || "0") *
parseFloat(
(nftConfig?.kamibutsu || "0%").replace("%", "")
)) /
100,
}
)}
</span>
</div>
<Button className={classes.btn} fill="none">
<Button
className={classes.btn}
fill="none"
onClick={async () => {
if (balance <= 0n) {
Toast.show({ icon: "fail", content: t("余额不足") });
return;
}
// 授权
if (approveUsdt === 0n) {
approveLoadingToast.current = Toast.show({
icon: "loading",
duration: 0,
content: t("正在授权USDT"),
});
authorizedU(approvePrice)
.then(async () => {
setApproveUsdt(await getApproveUsdt());
approveLoadingToast.current?.close();
})
.catch((err) => {
Toast.show({ content: err.shortMessage, icon: "fail" });
});
return;
}
// 购买
buyLoadingToast.current = Toast.show({
icon: "loading",
duration: 0,
content: t("购买中"),
maskClickable: false,
});
const { data: orderRes } = await api_nft_order().send({});
orderInfo.current = orderRes?.data;
if (!orderInfo.current?.orderNumber) return;
const buyAmount = BigInt(orderInfo.current?.buyAmount || "");
payByContract(buyAmount, orderInfo.current?.orderNumber)
.then((hash) => {
console.log("购买成功hash:", hash);
updateNftConfig();
startPollingCheckBuyStatus(hash);
})
.catch(async (err: BaseError) => {
buyLoadingToast.current?.close();
Toast.show({
content: err.shortMessage,
icon: "fail",
});
// 取消购买
await api_users_cancel_orders().send({
queryParams: { orderId: orderInfo.current?.id! },
});
});
}}
>
<Space>
{/* <span>MINT</span> */}
<span>{t("授权USDT")}</span>
{/* <SpinLoading style={{ "--size": "20px" }} color="white" /> */}
{approveUsdt > 0n && <span>MINT</span>}
{approveUsdt === 0n && <span>{t("授权USDT")}</span>}
</Space>
</Button>
</div>

View File

@ -0,0 +1,133 @@
/*
* @LastEditors: John
* @Date: 2024-06-18 10:28:21
* @LastEditTime: 2024-06-22 11:43:04
* @Author: John
*/
import { GET, POST } from "./client";
import {
ClaimIncome,
IncomeRecord,
IncomeRecordType,
NftConfigurationData,
NftOrder,
PreprelionListItem,
UpgradeOrder,
UserHomeData,
UserIncome,
UserUpgradeInformation,
} from "./module";
// 检查账号是否注册
export function api_check_account_registration() {
return GET<{ account: string }, { exist: boolean }>({
url: "/api/account/exist",
requiresToken: false,
});
}
// 登录
export function api_login() {
return POST<
{
account: `0x${string}` | undefined;
password: string;
publicKey: string;
chainType: 2;
},
{ token: string }
>({
url: "/api/account/signIn",
requiresToken: false,
});
}
// 注册
export function api_signUp() {
return POST<
{
account: `0x${string}` | undefined;
publicKey: string;
shareCode: string;
chainType: 2;
},
any
>({ url: "/api/account/signUp", requiresToken: false });
}
// 获取钱包签名串
export function api_get_wallet_signature_string() {
return GET<
{ account: `0x${string}` | undefined },
{ encryptedString: string }
>({
url: "/api/account/randomCode",
requiresToken: false,
});
}
// 获取首页用户数据
export function api_get_homepage_user_data() {
return GET<any, UserHomeData>({
url: "/api/common/getUserData",
requiresToken: false,
requiresAddress: false,
});
}
// 获取用户升级信息
export function api_get_user_upgrade_information() {
return GET<any, UserUpgradeInformation>({
url: "/api/user/userUpgradeInformation",
});
}
// 获取NFT配置数据
export function api_get_nft_configuration_data() {
return GET<any, NftConfigurationData>({
url: "/api/nft/getUserData",
});
}
// 分页查询收益记录
export function api_pagling_query_income_record() {
return GET<
{
status?: IncomeRecordType;
id: string;
type: 1 | 2; // 1=领取记录 2=发放记录
pageNum: number;
pageSize: number;
},
IncomeRecord
>({
url: "/api/common/earningsRecords",
});
}
// NFT下单
export function api_nft_order() {
return POST<any, NftOrder>({ url: "/api/nft/payNft" });
}
// 用户取消订单告诉我
export function api_users_cancel_orders() {
return POST<any, any, { orderId: number }>({ url: "/api/nft/cancel" });
}
// 直推列表
export function api_preprelion_list() {
return GET<any, PreprelionListItem[]>({ url: "/api/user/getDirectPushList" });
}
// 升级
export function api_upgrade() {
return POST<any, UpgradeOrder>({ url: "/api/user/upgrade" });
}
// 用户领取收益
export function api_claim_income() {
return POST<any, ClaimIncome, { id: number }>({
url: "/api/common/claimYourEarnings",
});
}

View File

@ -1,34 +1,132 @@
/*
* @LastEditors: John
* @Date: 2024-06-18 10:09:21
* @LastEditTime: 2024-06-18 10:27:04
* @LastEditTime: 2024-06-21 14:47:26
* @Author: John
*/
import { Client } from "@hyper-fetch/core";
import { BASE_RESPONSE } from "./module";
import useUserStore from "@/store/User";
import { getAccount, connect } from "@wagmi/core";
import { config } from "@/components/WalletProvider";
import { Lang } from "@/constants";
import { Toast } from "antd-mobile";
import { injected } from "wagmi/connectors";
import { signAndLogin } from "@/utils/wallet";
import i18next from "i18next";
function initClient({
requiresToken,
requiresAddress,
}: {
requiresToken: boolean;
requiresAddress: boolean;
}) {
return new Client({ url: import.meta.env.VITE_BASE_API_URL })
.onAuth(async (req) => {
if (requiresToken) {
if (!useUserStore.getState().Token) {
// TODO 登录获取token
// Toast.show({ content: "token is emtiy!", icon: "fail" });
if (!getAccount(config).address)
await connect(config, { connector: injected() });
await signAndLogin(getAccount(config).address!);
}
}
const client = new Client({ url: import.meta.env.VITE_BASE_API_URL })
.onAuth((req) => {
return req;
})
.onRequest((req) => {
req.setHeaders({});
return req;
})
.onResponse((res) => {
return res;
});
if (requiresAddress) {
if (!getAccount(config).address) {
// TODO 链接钱包
// Toast.show({ content: "address is emtiy!", icon: "fail" });
await connect(config, { connector: injected() });
}
}
export const POST = <P, R = any>({ url }: { url: string }) => {
return client.createRequest<BASE_RESPONSE<R>, P>()({
const headers = {
...req.headers,
Authorization: useUserStore.getState().Token,
"Accept-Language": getAcceptLang(),
address: (getAccount(config).address || "") as string,
};
return req.setHeaders(headers);
})
.onResponse((res) => {
console.log(res);
if (!res.success) {
Toast.clear();
Toast.show({ content: i18next.t("服务器错误"), icon: "fail" });
throw new Error(res.error?.message);
}
const resData: BASE_RESPONSE = res.data;
if (resData.code !== 200 && resData.code !== 0) {
if (resData.msg) Toast.show({ content: resData.msg, icon: "fail" });
throw new Error(resData.msg || "client on response error");
}
return res;
});
}
export const POST = <P = any, R = any, QueryParams = any>({
url,
requiresToken = true,
requiresAddress = true,
}: {
url: string;
requiresToken?: boolean;
requiresAddress?: boolean;
}) => {
return initClient({ requiresToken, requiresAddress }).createRequest<
BASE_RESPONSE<R>,
P,
any,
QueryParams
>()({
method: "POST",
endpoint: url,
});
};
export const GET = <P, R = any>({ url }: { url: string }) => {
return client.createRequest<BASE_RESPONSE<R>, any, any, P>()({
export const GET = <P = any, R = any>({
url,
requiresToken = true,
requiresAddress = true,
}: {
url: string;
requiresToken?: boolean;
requiresAddress?: boolean;
}) => {
return initClient({ requiresToken, requiresAddress }).createRequest<
BASE_RESPONSE<R>,
any,
any,
P
>()({
method: "GET",
endpoint: url,
});
};
function getAcceptLang() {
let apiAcceptLang;
switch (useUserStore.getState().Lang) {
case Lang.cn:
apiAcceptLang = "zh-CN";
break;
case Lang.tw:
apiAcceptLang = "zh-TW";
break;
case Lang.en:
apiAcceptLang = "en-US";
break;
case Lang.de:
apiAcceptLang = "de-DE";
break;
case Lang.jp:
apiAcceptLang = "ja-JP";
break;
default:
apiAcceptLang = "zh-CN";
break;
}
return apiAcceptLang;
}

133
src/server/module.d.ts vendored
View File

@ -1,6 +1,137 @@
export type BASE_RESPONSE<T = any> = {
code: 0 | 200;
data: T | null;
data: T;
msg: string;
timeMillis: number;
}; // What's returned from request
export type Level = 0 | 1 | 2 | 3; // 0=无等级 1=会员 2=社长 3=基金会
export interface UserHomeData {
address: string;
airdropNumber: number;
foundation: number;
invitationCode: string;
level: Level;
mintNumber: number;
nftId: number;
pools: string;
president: number;
presidentNumber: number;
userImg: string;
userIncomes: UserIncome[];
}
export interface UserIncome {
coinId: number;
coinName: string;
collection: number;
createTime: string;
flag: number;
id: number;
receive: string;
updateTime: string;
userId: number;
}
export interface UserUpgradeInformation {
foundation: number;
level: Level;
numberOfPresidents: number;
ordinary: number;
president: number;
price: string;
proportion: string;
status: 1 | 0; //1=可升级 0=不可升级
upgradeFees: string;
}
export interface NftConfigurationData {
floatingQuantity: string;
initialPrice: string;
kamibutsu: string;
nftCount: number;
nftPrice: string;
nftRemainder: number;
}
export interface IncomeRecord {
countId: string;
current: number;
maxLimit: string;
optimizeCountSql: boolean;
orders: { asc: boolean; column: string }[];
pages: number;
records: IncomeRecordsItem[];
searchCount: boolean;
size: number;
total: number;
}
export interface IncomeRecordsItem {
id: number;
createTime: string;
updateTime: string;
flag: number;
userId: number;
incomeId: number;
type: 1 | 2 | 3 | 4; // 1:领取成功2发放记录 3领取中 4:已取消
coinId: number;
opType: number;
opRemark: string;
opBefore: number;
opValue: number;
opAfter: number;
extRemark: string;
}
export type IncomeRecordType = 4 | 5 | 6 | 7 | 8 | 9; //4=直推>20NFT,5=升级费平分,6=NFT空投,7=社长空投,8=基金会社长,9=直推空投
export interface NftOrder {
address: string;
buyAmount: string;
buyCount: string;
createBy: string;
createTime: string;
hash: string;
id: number;
illustrate: string;
nftId: number;
orderNumber: string;
payCoin: string;
recommendId: number;
status: number;
updateBy: string;
updateTime: string;
userId: number;
}
export interface PreprelionListItem {
address: string;
level: number;
mintNumber: number;
userType: number;
}
export interface UpgradeOrder {
address: string;
buyAmount: string;
createBy: string;
createTime: string;
endLevel: number;
hash: string;
id: number;
illustrate: string;
orderNumber: string;
payCoin: string;
startLevel: number;
status: number;
updateBy: string;
updateTime: string;
userId: number;
}
export interface ClaimIncome {
claimQuantity: string;
hash: string;
orderNumber: string;
time: string;
}

View File

@ -1,7 +1,7 @@
/*
* @LastEditors: John
* @Date: 2024-06-17 17:45:43
* @LastEditTime: 2024-06-19 16:26:24
* @LastEditTime: 2024-06-20 15:49:09
* @Author: John
*/
import { ASYNC_STORAGE_KEY, Lang } from "@/constants";
@ -9,21 +9,33 @@ import { create } from "zustand";
import { createJSONStorage, persist } from "zustand/middleware";
interface UserState {
Address: string;
UpdateAddress: (a: string) => void;
Token: string;
UpdateToken: (t: string) => void;
Lang: Lang;
UpdateLang: (l: Lang) => void;
InviteCode: string;
UpdateInviteCode: (I: string) => void;
}
export const useUserStore = create<UserState>()(
persist(
(set, _get) => ({
Address: "",
UpdateAddress: (a) => set({ Address: a }),
Token: "",
UpdateToken: (t) => set({ Token: t }),
Lang: Lang.en,
UpdateLang: (l) => set({ Lang: l }),
InviteCode: "",
UpdateInviteCode: (i) => set({ InviteCode: i }),
}),
{
name: ASYNC_STORAGE_KEY.Store, // name of item in the storage (must be unique)

View File

@ -2,6 +2,9 @@
width: 100vw !important;
background-color: transparent !important;
padding: 0 14px;
> div {
background-color: transparent !important;
}
.rdt_TableHead {
.rdt_TableHeadRow {

View File

@ -1,13 +1,14 @@
/*
* @LastEditors: John
* @Date: 2024-06-17 18:19:27
* @LastEditTime: 2024-06-19 17:07:43
* @LastEditTime: 2024-06-22 15:26:37
* @Author: John
*/
import { type ClassValue, clsx } from "clsx";
import { twMerge } from "tailwind-merge";
import Toast from "antd-mobile/es/components/toast";
import i18next from "i18next";
import { Level } from "@/server/module";
export const ua = navigator.userAgent;
export const isIOS = /iphone|ipad|ipod|ios/i.test(ua);
@ -83,3 +84,18 @@ export function copyText(text: string) {
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs));
}
export function getLevelName(level: Level) {
switch (level) {
case 0:
return i18next.t("普通非活跃");
case 1:
return i18next.t("普通活跃");
case 2:
return i18next.t("社长");
case 3:
return i18next.t("基金会社长");
default:
break;
}
}

View File

@ -1,20 +1,32 @@
/*
* @LastEditors: John
* @Date: 2024-06-19 15:55:07
* @LastEditTime: 2024-06-19 15:56:45
* @LastEditTime: 2024-06-20 16:30:22
* @Author: John
*/
import { config } from "@/components/WalletProvider";
import {
api_check_account_registration,
api_get_wallet_signature_string,
api_login,
api_signUp,
} from "@/server/api";
import useUserStore from "@/store/User";
import {
writeContract,
readContract,
estimateGas,
waitForTransactionReceipt,
getConnectorClient,
signMessage,
getChains,
switchChain,
getChainId,
disconnect,
getAccount,
} from "@wagmi/core";
import Toast from "antd-mobile/es/components/toast";
import i18next from "i18next";
/**
* @description:
@ -55,3 +67,91 @@ export function checkNetWork(): Promise<void> {
}
});
}
// 签名并且登录
export async function signAndLogin(address?: `0x${string}`): Promise<void> {
return new Promise(async (reslove) => {
if (!address) return loginOut();
if (address != useUserStore.getState().Address) {
useUserStore.setState((state) => {
return { ...state, Address: address, Token: "" };
});
}
if (useUserStore.getState().Token) return reslove(); // token存在无需登录
const publicKey =
"0305ef2a74bff2e2d68764c557ce2daecac92caa7a9406e3a90c2cf7c5b444a154";
const loadingToast = Toast.show({
icon: "loading",
content: i18next.t("链接钱包中..."),
duration: 0,
maskClickable: false,
});
const { data: isExitData } = await api_check_account_registration().send({
queryParams: { account: address },
});
if (isExitData?.data?.exist) {
// 登录
const { data: signatureData } =
await api_get_wallet_signature_string().send({
queryParams: { account: address },
});
let sign: string;
try {
sign = await signMessage(config, {
message: signatureData?.data?.encryptedString || "",
});
} catch (error) {
// 用户拒绝签名或者遇到错误,断开链接
disconnect(config);
loadingToast.close();
loginOut();
throw new Error("用户拒绝签名或者遇到错误,断开链接");
}
// TODO 登录✔
const { data: loginInfoData } = await api_login().send({
data: {
account: address,
password: sign,
publicKey,
chainType: 2,
},
});
if (loginInfoData) {
useUserStore.setState((state) => {
return { ...state, Token: loginInfoData.data?.token };
});
// TODO 判断用户是否绑定关系✔
// await checkUserBind(false);
reslove();
loadingToast.close();
}
} else {
// 注册
await api_signUp().send({
data: {
account: address,
publicKey,
shareCode: "",
chainType: 2,
},
});
await signAndLogin(address);
reslove();
loadingToast.close();
}
});
}
export function loginOut() {
useUserStore.setState((state) => {
return { ...state, Address: "", Token: "" };
});
}

8
src/vite-env.d.ts vendored
View File

@ -1,9 +1,17 @@
/*
* @LastEditors: John
* @Date: 2024-06-17 17:20:03
* @LastEditTime: 2024-06-21 13:50:16
* @Author: John
*/
/// <reference types="vite/client" />
interface ImportMetaEnv {
readonly VITE_BASE_URL: string;
readonly VITE_BASE_API_URL: string;
readonly VITE_PARTICIPATE_CHAIN_ID: number;
readonly VITE_NETWORK_USDT_ADDRESS: `0x${string}`;
readonly VITE_PURCHASED_CONTRACT_ADDRESS: `0x${string}`;
readonly VITE_CHECK_TRANSACTION_DETAILS_URL: string;
// 更多环境变量...
readonly MODE: "development" | "production" | "test";

View File

@ -1,7 +1,7 @@
/*
* @LastEditors: John
* @Date: 2024-06-17 17:20:03
* @LastEditTime: 2024-06-19 17:41:43
* @LastEditTime: 2024-06-24 10:08:56
* @Author: John
*/
import { defineConfig } from "vite";
@ -14,6 +14,13 @@ import { nodePolyfills } from "vite-plugin-node-polyfills";
export default defineConfig({
server: {
host: "192.168.10.167",
proxy: {
"/dev": {
target: "http://192.168.10.106:8100",
changeOrigin: true,
rewrite: (path) => path.replace(/^\/dev/, ""),
},
},
},
plugins: [
react(),

View File

@ -2727,7 +2727,7 @@ __metadata:
languageName: node
linkType: hard
"ahooks@npm:^3.7.6":
"ahooks@npm:^3.7.6, ahooks@npm:^3.8.0":
version: 3.8.0
resolution: "ahooks@npm:3.8.0"
dependencies:
@ -6957,6 +6957,7 @@ __metadata:
"@typescript-eslint/parser": "npm:^7.2.0"
"@vitejs/plugin-react": "npm:^4.2.1"
"@web3modal/wagmi": "npm:^5.0.2"
ahooks: "npm:^3.8.0"
antd-mobile: "npm:^5.36.1"
autoprefixer: "npm:^10.4.19"
clsx: "npm:^2.1.1"
@ -6982,6 +6983,7 @@ __metadata:
vite-plugin-compression: "npm:^0.5.1"
vite-plugin-node-polyfills: "npm:^0.22.0"
wagmi: "npm:^2.10.2"
web3-utils: "npm:^4.3.0"
zustand: "npm:^4.5.2"
languageName: unknown
linkType: soft
@ -8226,6 +8228,48 @@ __metadata:
languageName: node
linkType: hard
"web3-errors@npm:^1.2.0":
version: 1.2.0
resolution: "web3-errors@npm:1.2.0"
dependencies:
web3-types: "npm:^1.6.0"
checksum: 10c0/3028ef33ba50f4441e02ff47f56afec226c6946bbb019dbf6260760b7d5980bb42cf9b1ff497ac3442ed498c386e5ca37a7ad20e71b3482e6b3b90b70f1b5249
languageName: node
linkType: hard
"web3-types@npm:^1.6.0":
version: 1.7.0
resolution: "web3-types@npm:1.7.0"
checksum: 10c0/0da724b67911d76139b704406107bde624c524a04bfe749808a3e137e06078ac1c52c305eedb521b84d67363932d214ba54d7851394a8e7b425e17de5ef813e4
languageName: node
linkType: hard
"web3-utils@npm:^4.3.0":
version: 4.3.0
resolution: "web3-utils@npm:4.3.0"
dependencies:
ethereum-cryptography: "npm:^2.0.0"
eventemitter3: "npm:^5.0.1"
web3-errors: "npm:^1.2.0"
web3-types: "npm:^1.6.0"
web3-validator: "npm:^2.0.6"
checksum: 10c0/884e553cacd8009440dcbd1ba80516fadf054b558aa974228f71e20fb2636afab94c3af0d386e88fb662245114ff5d3b251d45bb9b35f1fad8b20f6e1ef49743
languageName: node
linkType: hard
"web3-validator@npm:^2.0.6":
version: 2.0.6
resolution: "web3-validator@npm:2.0.6"
dependencies:
ethereum-cryptography: "npm:^2.0.0"
util: "npm:^0.12.5"
web3-errors: "npm:^1.2.0"
web3-types: "npm:^1.6.0"
zod: "npm:^3.21.4"
checksum: 10c0/28728773b9abad2531f7a4145784db56ec9ecffeb25cc9f6fe67bedeb01a1833b1a5d1a2e0f431ce4a3c8c6f13b111f35202dd8fa0829c6e2fcd68c58d1d5658
languageName: node
linkType: hard
"webextension-polyfill@npm:>=0.10.0 <1.0":
version: 0.12.0
resolution: "webextension-polyfill@npm:0.12.0"
@ -8515,6 +8559,13 @@ __metadata:
languageName: node
linkType: hard
"zod@npm:^3.21.4":
version: 3.23.8
resolution: "zod@npm:3.23.8"
checksum: 10c0/8f14c87d6b1b53c944c25ce7a28616896319d95bc46a9660fe441adc0ed0a81253b02b5abdaeffedbeb23bdd25a0bf1c29d2c12dd919aef6447652dd295e3e69
languageName: node
linkType: hard
"zustand@npm:4.4.1":
version: 4.4.1
resolution: "zustand@npm:4.4.1"