提现
@@ -196,7 +195,7 @@ const TransferRecord = ({ list, finished, getData }: ChildProps) => {
getData()} errorText="请求失败，点击重新加载" offset={10}>
{
list.map((item, index) => (
-
+
划转 {item.name}
@@ -218,86 +217,4 @@ const TransferRecord = ({ list, finished, getData }: ChildProps) => {
)
}
-const OrderRecord = (
- { list, finished, getData }: ChildProps
-) => {
-
- if (list.length <= 0 || Object.keys(list).length <= 0) return ;
-
- return (
- <>
- getData()} errorText="请求失败，点击重新加载" offset={10}>
- {
- list.map(item => (
-
-
- ID {item.order}
- {getTime(item.time * 1000)}
-
- {item.type === 1 ? '主单盈亏' : '对冲单盈亏'}
- = 0 ? "green-color" : 'red-color'}>{Number(item.amount) >= 0 && '+'}{item.amount} {item.symbol}
-
- 保险赔付
- = 0 ? "green-color" : 'red-color'}>{Number(item.rebate_amount) >= 0 && '+'}{item.rebate_amount} {item.symbol}
-
- 结算费
- {item.settle_fee} {item.symbol_fee}
- |
- ))
- }
-
-
- )
-}
-
-const ProfitPositionRecord = ({ list, getData, finished }: ChildProps) => {
-
- if (list.length <= 0 || Object.keys(list).length <= 0) return ;
-
- return (
- getData()} errorText="请求失败，点击重新加载" offset={10}>
- {
- list.map(item => (
-
-
- ID {item.order}
- {getTime(item.time * 1000)}
-
- {item.name}
- {Number(item.amount) >= 0 && '+'}{item.amount} {item.symbol}
- |
- ))
- }
-
- )
-}
-
-const MonthlyFeeRecord = ({ list, finished, getData }: ChildProps) => {
-
- if (list.length <= 0 || Object.keys(list).length <= 0) return ;
-
- return (
- getData()} errorText="请求失败，点击重新加载" offset={10}>
- {
- list.map(item => (
-
-
- {item.name}
- {Number(item.amount) >= 0 && '+'}{item.amount} {item.symbol}
- {getTime(item.time * 1000)}
- |
- ))
- }
-
- )
-}
-
-
export default observer(Record);
\ No newline at end of file
diff --git a/src/pages/share/index.tsx b/src/pages/share/index.tsx
index f9c35ea..77bd4d2 100644
--- a/src/pages/share/index.tsx
+++ b/src/pages/share/index.tsx
@@ -1,32 +1,166 @@
-import { Tabs } from 'react-vant'
import '~/styles/share.scss'
+import { Popup, Tabs, Toast } from 'react-vant'
import ProductItem from '~/components/ProductItem'
+import { MarketNFTData } from '~/types/store'
+import store from '~/store'
+import { observer } from 'mobx-react'
+import { toFixed2 } from '~/utils'
+import { useEffect, useMemo, useRef, useState } from 'react'
+import { open_page, personal_nft, reset_name, upload_image } from '~/api'
const Share = () => {
+
+ const { userInfo, token } = store.state
+ const [visible, setVisible] = useState(false)
+ const inputRef = useRef (null)
+ const nameRef = useRef(null)
+ const [edit, setEdit] = useState(false)
+ const prevent = useRef(false) //阻止重複點擊
+ const fileRef = useRef(null as any)
+ const [tempUrl, setTempUrl] = useState(null as any)
+ const [nftList, setNftList] = useState([
+ [], //我的
+ [],//我喜歡的
+ ] as MarketNFTData[][])
+ const tabs = useMemo(() => ['我的NFT', '我喜歡的NFT'], [])
+
+ const avatarmenuClick = (event: any) => {
+ const dataType = event.target.dataset.type;
+
+ switch (dataType) {
+ case "photo": //相册
+ inputRef.current?.click()
+ break
+ case "save": //保存
+ !fileRef.current && Toast.info('請選擇圖片')
+ fileRef.current && uploader(fileRef.current)
+ break
+ case "cancel": //取消
+ closePopup()
+ break
+ }
+ }
+
+ const uploader = async (file: File | null) => {
+ if (!file) return
+ setVisible(false)
+ const res: any = await upload_image(file)
+ res.code === 0 && await store.getUserInfo()
+ res.code === 0 && Toast.success('保存成功')
+ closePopup()
+ }
+
+ const saveName = async () => {
+ if (nameRef.current?.value === userInfo.name) return
+ const res: any = await reset_name(nameRef.current!.value)
+ res.code === 0 && store.getUserInfo()
+ setEdit(false)
+ }
+
+ const openPages = async () => {
+ if (prevent.current) return
+ prevent.current = true
+ const res: any = await open_page(userInfo.show === 1 ? 2 : 1)
+ res.code === 0 && store.getUserInfo()
+ res.code === 0 && Toast.success({
+ message: userInfo.show === 1 ? '已隐藏' : '已开放',
+ forbidClick: true
+ })
+ prevent.current = false
+ }
+
+ const onChangeImage = (event: React.ChangeEvent) => {
+ let file = event.target.files ? event.target.files[0] : null
+ if (!file) return
+
+ fileRef.current = file
+ const reader = new FileReader()
+ reader.onloadend = function () {
+ const base64String = reader.result
+ setTempUrl(base64String)
+ }
+ reader.readAsDataURL(file)
+ inputRef.current!.value = ''
+ }
+
+ const closePopup = () => {
+ setVisible(false)
+ setTempUrl('')
+ fileRef.current = null
+ inputRef.current!.value = ''
+ }
+
+ useEffect(() => {
+ const getData = async () => {
+ const res: any = await personal_nft(1)
+ if (res && res.code === 0) {
+ nftList[0] = res.data
+ setNftList([...nftList])
+ }
+ }
+
+ token && getData()
+ }, [token])
+
return (
-
+
})
- })
+  {
+ setVisible(true)
+ }} />
- IamjackRider
+ {
+ token ? (
+
+ {
+ edit ? (
+ {
+ setTimeout(() => {
+ setEdit(false)
+ }, 100)
+ }} />
+ ) : (
+ {userInfo.name}
+ )
+ }
+
+ {
+ edit ? (
+
+ ) : (
+ {
+ setEdit(true)
+ setTimeout(() => {
+ nameRef.current!.value = userInfo.name
+ nameRef.current!.focus()
+ }, 20)
+ }} />
+ )
+ }
+
+
+ ) : (
+ 未登录
+ )
+ }
- 开放我的资产
+ {userInfo.show === 2 ? '开放我的艺术页面' : '隐藏我的艺术页面'}
- 5
+ {userInfo.sell}
售卖作品
- 15
+ {userInfo.auction}
拍卖作品
- 255 FIL
+ {toFixed2(userInfo.income, 2)} FIL
收入
@@ -40,32 +174,45 @@ const Share = () => {
animated
swipeable
>
-
- 我的NFT
- 25
- }
- titleClass='fz-wb-550'
- >
-
- {Array.from({ length: 10 }).map((_, index) => )}
-
-
-
- 我喜欢的NFT
- 999+
-
- {Array.from({ length: 10 }).map((_, index) => )}
- }
+ titleClass='fz-wb-550'
+ >
+
+ {nftList[index].map((item, index) => )}
+
+
+ ))
+ }
+
+
+
+
+
| |
)
}
-export default Share
\ No newline at end of file
+export default observer(Share)
\ No newline at end of file
diff --git a/src/pages/team/index.tsx b/src/pages/team/index.tsx
new file mode 100644
index 0000000..a4b1927
--- /dev/null
+++ b/src/pages/team/index.tsx
@@ -0,0 +1,252 @@
+import '~/styles/personal.scss'
+import { Button, Divider, List, Overlay, Swiper, SwiperInstance, Toast } from "react-vant"
+import BackBar from "~/components/BackBar"
+import { useEffect, useRef, useState } from 'react'
+import { getTime, splitAddress } from '~/utils'
+import { observer } from 'mobx-react'
+import store from '~/store'
+import { my_invite, team_info } from '~/api'
+import useCopyLink from '~/hooks/useCopy'
+import { InviteRecordData } from '~/types/store'
+import { useRouter } from '~/hooks/useRouter'
+import { copy } from '~/utils/copy'
+import QRCode from 'qrcode'
+
+const Team = () => {
+
+ const { push } = useRouter()
+ const { token } = store.state
+ const { copyVal } = useCopyLink()
+ const [address, setAddress] = useState('')
+ const [inviteList, setInviteList] = useState([] as InviteRecordData[])
+ const [finished, setFinished] = useState(true);
+ const [visible, setVisible] = useState(false);
+ const [cardState, setCardState] = useState([
+ [
+ { title: '我的推薦人', value: '000000000', id: 1 },
+ { title: '級別獎勵', value: '10% 5%', id: 2 },
+ ],
+ [
+ { title: '獎勵金額', value: '0U', id: 4 },
+ { title: '直推人數', value: '0人', id: 6 },
+ { title: '閒推人數', value: '0人', id: 5 },
+ ],
+ ])
+
+ const query = useRef({ page: 1, page_size: 20 })
+
+ const getInviteData = async () => {
+ let res: any = await my_invite(query.current);
+ if (res && res.code === 0 && res.data) {
+ if (res.data.length < 20) {
+ if (inviteList.length <= 0) {
+ setInviteList(res.data)
+ } else {
+ setInviteList([...inviteList, ...res.data])
+ }
+ setFinished(true)
+ return
+ }
+ query.current.page = query.current.page + 1
+ if (inviteList.length <= 0) {
+ setInviteList(res.data)
+ } else {
+ setInviteList([...inviteList, ...res.data])
+ };
+ setFinished(false)
+ }
+ }
+
+
+ useEffect(() => {
+ const getData = async () => {
+ const res: any = await team_info()
+ if (res && res.code === 0) {
+ cardState[0][0].value = res.data.inviti_address || '000000000000000'
+ cardState[1][0].value = res.data.award ? res.data.award + "U" : "0U"
+ cardState[1][1].value = res.data.direct_count ? res.data.direct_count + '人' : '0人'
+ cardState[1][2].value = res.data.indirect_count ? res.data.indirect_count + '人' : '0人'
+ setCardState([...cardState])
+ setAddress(res.data.address)
+ }
+ console.log(res);
+ }
+
+ token && getData()
+ token && getInviteData();
+ !token && push('/', null, true)
+ }, [token])
+
+ return (
+
+
+
+
+
+
+ {
+ cardState.map((v, index) => (
+
+ {
+ v.map(item => (
+
+
{item.title}
+
+ {item.id === 1 ? splitAddress(item.value) : item.value}
+ {
+ item.id === 1 && (
+ copyVal(item.value)}>
+ )
+ }
+
+
+ ))
+ }
+
+ ))
+ }
+
+
+
+
我的邀请
+
+
+
+
+ {
+ inviteList.map((item, index) => (
+
+
{splitAddress(item.address)}
+
+
{getTime(item.time * 1000)}
+
+ ))
+ }
+
+
+ {
+ visible &&
+ }
+
+ )
+}
+
+const ShareModal = (
+ { visible, setVisible, address }: { visible: boolean, setVisible: Function, address: string }
+) => {
+
+ const [swiperIndex, setSwiperIndex] = useState(0)
+ const swiperRef = useRef
(null)
+ const [qrcodeUri, setQrcodeUri] = useState('')
+
+ const handleSwiper = () => {
+ if (swiperIndex === 0) {
+ swiperRef.current?.swipeNext()
+ } else {
+ swiperRef.current?.swipePrev()
+ }
+ }
+
+ const downloadQrcode = () => {
+ if (!qrcodeUri) return
+ const link = document.createElement('a')
+ link.href = qrcodeUri
+ link.download = `${Date.now()}.png`
+ link.click()
+ link.remove()
+ }
+
+ useEffect(() => {
+ copy(process.env.REACT_APP_SHARE_LINK + address)
+ QRCode.toDataURL(process.env.REACT_APP_SHARE_LINK + address, (err, url) => {
+ if (url) {
+ setQrcodeUri(url)
+ }
+ })
+ }, [])
+
+ return (
+
+
+
+ setVisible(false)}>
+
+
<>}
+ onChange={(index) => setSwiperIndex(index)}
+ initialSwipe={swiperIndex}
+ touchable={false}
+ >
+
+
+
+
+
})
+
+
+
+ {splitAddress(process.env.REACT_APP_SHARE_LINK + address, 14)}
+ {
+ copy(process.env.REACT_APP_SHARE_LINK + address, () => {
+ Toast.success('复制成功')
+ })
+ }}>
+
+
成功複製分享碼
+
轉發給好友並在錢包裏打開完成綁定
+
+
+
+
+
+ 截圖或下載圖片
+
+
+
掃描綁定關係
+
在好友錢包裡掃一掃完成綁定
+
+
+
+
+
+
+ {swiperIndex === 0 ? '切換二維碼' : '切換分享鏈接'}
+
+
+
+
+
+
-
push('/choose')}>
-
- {
- currentCoin &&
})
- }
-
{currentCoin && currentCoin.symbol}
-
-
-
-
+
+
-
+
push('/record', { index: 1 })}>
@@ -38,7 +64,7 @@ const Recharge = () => {
提现地址
-
0xasdasd;lasdljaslkdjklasdjlkasjdlk
+
{walletAddress}
@@ -51,22 +77,22 @@ const Recharge = () => {
数量
-
+
-
FIL
+
{currentCoin && currentCoin.symbol}
最大
-
可用余额：0 USDT
+
可用余额：{currentCoin ? currentCoin.balance : 0} {currentCoin && currentCoin.symbol}
手续费
-
0.1000 FIL
+
{currentCoin ? currentCoin.withdraw_fee : 0} {currentCoin && currentCoin.symbol}
-
+
diff --git a/src/router/layout/index.tsx b/src/router/layout/index.tsx
index cd0d8c0..2a08142 100644
--- a/src/router/layout/index.tsx
+++ b/src/router/layout/index.tsx
@@ -1,17 +1,93 @@
import '~/styles/layout.scss'
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
import { useRouter } from '~/hooks/useRouter';
import Notify from './Notify';
import RenderRouter from './RenderRouter';
-import { tabbarData } from '../routes';
+import routes, { tabbarData } from '../routes';
import Navbar from './Navbar';
import Tabbar from './Tabbar';
+import { observer } from 'mobx-react';
+import store from '~/store';
+import useWs from '~/hooks/useWs';
+import { ethers } from 'ethers';
+import { bind_rmd } from '~/api';
+import { AlreadyBind, BindRmd, BindSuccess, DefaultBind, UnLogin, VaildLink } from './ui';
const LayoutRouter = () => {
const { location, push } = useRouter()
+ const messageWs = useWs('getMessage')
+ const { token, walletAddress, userInfo, visibleUnLogin } = store.state
const [visible, setVisible] = useState(false)
+ const [visibleVaildLink, setVisibleVaildLink] = useState(false) //无效的链接
+ const [visibleAlreadyBind, setVisibleAlreadyBind] = useState(false) //已绑定
+ const [visibleBindRmd, setVisibleBindRmd] = useState(false) //直接绑定
+ const [shareAddress, setShareAddress] = useState('')
+ const [visibleBindSuccess, setVisibleBindSuccess] = useState(false) //綁定成功
+ const [visibleDefault, setVisibleDefault] = useState(false) //默認綁定
+
+
+ const bindRecommend = async () => {
+ const res: any = await bind_rmd(shareAddress)
+ if (res.code === 0) {
+ setVisibleBindRmd(false)
+ store.getUserInfo()
+ setTimeout(() => {
+ push('/', null, true)
+ setVisibleBindSuccess(true)
+ }, 200)
+ }
+ }
+
+ useEffect(() => {
+ token && store.getUserInfo()
+ token && store.getCoinList()
+ !token && store.resetCoinList()
+ !token && store.resetUserInfo()
+ // token && messageWs.connect(token)
+ // !token && messageWs.disconnect()
+ }, [token])
+
+ useEffect(() => {
+ const isModal = async () => {
+ let user = userInfo
+ let isRouter = routes.find(v => v.path === location.pathname)
+ const address = location.pathname.substring(1, location.pathname.length)
+
+ if (user.is_bound) return
+ if (isRouter) return
+
+ if (Object.keys(user).length <= 0) {
+ const res: any = await store.getUserInfo()
+ if (res) {
+ user = res
+ }
+ }
+ if (!ethers.utils.isAddress(address)) {
+ // 无效的分享链接
+ setVisibleVaildLink(true)
+ return
+ }
+ // 地址相同
+ if (address.toLocaleLowerCase() === walletAddress.toLocaleLowerCase()) return
+ setShareAddress(address)
+ // 绑定推荐人
+
+ if (!user.is_bound && ethers.utils.isAddress(address)) {
+ setVisibleBindRmd(true)
+ return
+ }
+ // 已有推荐人
+ if (user.is_bound) {
+ setVisibleAlreadyBind(true)
+ }
+ }
+
+ token && isModal()
+ !token && setVisibleBindRmd(false)
+ }, [token, walletAddress])
+
return (
{
)
}
+
+
+ {/* 無效鏈接 */}
+ {visibleVaildLink &&
}
+ {/* 已經綁定 */}
+ {visibleAlreadyBind && (
+
{
+ push('/', null, true)
+ setVisibleAlreadyBind(false)
+ push('/share')
+ }}
+ visible={visibleAlreadyBind}
+ setVisible={setVisibleAlreadyBind}
+ />
+ )}
+ {/* 綁定推薦人 */}
+ {visibleBindRmd && (
+
+ )}
+ {
+ visibleUnLogin && (
+ store.setVisibleUnLogin(false)}
+ />
+ )
+ }
+ {visibleDefault && (
+ setVisibleDefault(false)}
+ onClick={bindRecommend}
+ />
+ )}
+ {visibleBindSuccess && (
+ setVisibleBindSuccess(false)}
+ address={shareAddress}
+ />
+ )}
+
+
);
}
-export default LayoutRouter
\ No newline at end of file
+export default observer(LayoutRouter)
\ No newline at end of file
diff --git a/src/router/layout/ui.tsx b/src/router/layout/ui.tsx
new file mode 100644
index 0000000..0f1204b
--- /dev/null
+++ b/src/router/layout/ui.tsx
@@ -0,0 +1,123 @@
+import { ethers } from "ethers";
+import { useRef } from "react";
+import { Toast } from "react-vant";
+import Modal from "../../components/Modal";
+interface UIProps {
+ visible: boolean,
+ setVisible: Function,
+ onClick?: Function,
+ address?: string
+}
+
+export const UnLogin = ({ visible, setVisible }: UIProps) => (
+
+
+
訪問失敗
+
未檢測到錢包，請登錄錢包後重新點擊
+
+)
+
+export const VaildLink = ({ visible, setVisible }: UIProps) => (
+
setVisible(false)}
+ setVisible={() => setVisible(false)}
+ visible={visible}
+ buttonText="關閉"
+ >
+
+
+)
+
+export const DefaultBind = ({ visible, setVisible, onClick }: UIProps) => {
+
+ const addressRefs = useRef
(null)
+
+ const confirm = () => {
+ let value = addressRefs.current?.value
+ if (!value) return Toast.info('請輸入推薦鏈接!')
+ let newValue = value?.split('/#/')
+ if (!ethers.utils.isAddress(newValue[1])) return Toast.info('無效的分享鏈接')
+ onClick && onClick(newValue[1])
+ }
+
+ return (
+
+
+
+ )
+}
+
+export const BindRmd = ({ visible, setVisible, address, onClick }: UIProps) => (
+ setVisible(false)}
+ title="綁定推薦人"
+ buttonClick={() => onClick && onClick(address)}
+ buttonText="確認綁定"
+ hiddenCloseIcon
+ >
+
+
+)
+
+export const BindSuccess = ({ visible, setVisible, address }: UIProps) => (
+
+
+
+)
+
+
+export const AlreadyBind = ({ visible, setVisible, onClick }: UIProps) => (
+ onClick && onClick()}
+ setVisible={() => setVisible(false)}
+ visible={visible}
+ buttonText='查看綁定人'
+ showCancelButton
+ showCancelButtonClick={() => setVisible(false)}
+ >
+
+
綁定失敗
+
該錢包已有推薦人，不可重複綁定推薦人
+
})
+ })
*/}
-
+ })
- })
push('/detail')} />
+ })
- })
+