{
return {
pid: boardConfig.pid,
curAmount: getBalanceAmount(new BigNumber(boardPoolInfo.curAmount._hex)).toNumber(),
- receiveReward: boardsList.filter((n) => boardConfig.pid === n.pid),
holderNum: new BigNumber(boardPoolInfo?.holderNum?._hex).toNumber(),
waitWithdrawAmount: getBalanceAmount(new BigNumber(waitWithdrawAmount.balance._hex)).toNumber(),
totalReward: getBalanceAmount(new BigNumber(boardPoolInfo?.totalReward?._hex)).toNumber(),
@@ -92,12 +91,10 @@ const Boards: React.FC = () => {
)
let total = 0
- let waitWithdrawAmountValue = 0
let totalReward = 0
boardsData.forEach((item) => {
total += item.curAmount
totalReward += item.totalReward
- waitWithdrawAmountValue += item.waitWithdrawAmount
if (item.pid === 1) {
setBoardNum(item.holderNum)
} else if (item.pid === 2) {
@@ -121,7 +118,7 @@ const Boards: React.FC = () => {
{boardsList.map((board, index) => (
-
+
))}
diff --git a/src/views/Exchange/components/ExchangeCard.tsx b/src/views/Exchange/components/ExchangeCard.tsx
new file mode 100644
index 0000000..69c75dd
--- /dev/null
+++ b/src/views/Exchange/components/ExchangeCard.tsx
@@ -0,0 +1,68 @@
+import React, { useMemo, useState, useEffect } from 'react'
+import styled, { keyframes } from 'styled-components'
+import { useTranslation } from 'contexts/Localization'
+import { Flex, Text, Button } from '@pancakeswap/uikit'
+
+import { useAccount } from 'state/userInfo/hooks'
+import UnlockButton from 'components/UnlockButton'
+import ExchangeInput from './ExchangeInput'
+
+const FCard = styled.div`
+ width: 650px;
+ background: ${(props) => props.theme.card.background};
+ border-radius: 32px;
+ box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.1);
+ display: flex;
+ flex-direction: column;
+ position: relative;
+ text-align: center;
+ padding: 50px 70px;
+`
+const HeaderText = styled(Text)`
+ font-size: 48px;
+ color: #280d5f;
+`
+const TimeText = styled(Text)`
+ color: #7a6eaa;
+ font-size: 22px;
+`
+
+const RateText = styled(Text)`
+ font-size: 30px;
+ color: #280d5f;
+`
+const RateNumber = styled(Text)`
+ font-size: 30px;
+ color: #1fc7d4;
+`
+const FooterButton = styled(Button)`
+ margin-top: 50px;
+`
+
+const ExchangeCard: React.FC = () => {
+ const { t } = useTranslation()
+
+ const account = useAccount()
+
+ return (
+
+ {t('IDO exchange in the first phase')}
+ {t('Opening time of next exchange period:')}2022.5.16 00:00
+
+
+ {t('Exchange rate')}：
+ 1USDT=100HCC
+
+
+ {t('gross')}：100000HCC
+
+ {t('remaining quantity')}：100000HCC
+
+
+
+ {account ? : }
+
+ )
+}
+
+export default ExchangeCard
diff --git a/src/views/Exchange/components/ExchangeInput.tsx b/src/views/Exchange/components/ExchangeInput.tsx
new file mode 100644
index 0000000..89e28d9
--- /dev/null
+++ b/src/views/Exchange/components/ExchangeInput.tsx
@@ -0,0 +1,38 @@
+import React from 'react'
+import styled from 'styled-components'
+import { Text, Input } from '@pancakeswap/uikit'
+import { useTranslation } from 'contexts/Localization'
+
+const PriceContent = styled.div`
+ height: 148px;
+ background: rgba(238, 234, 244, 0.39);
+ border: 1px solid #d7caec;
+ box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
+ border-radius: 18px;
+ padding: 23px 20px;
+ margin-top: 20px;
+`
+const CoinText = styled(Text)`
+ font-size: 26px;
+ color: #333333;
+ text-align: left;
+ margin-bottom: 20px;
+`
+
+interface InputProps {
+ name: string
+ value?: number | string
+}
+
+const ExchangeInput: React.FC = ({ name, value }) => {
+ const { t } = useTranslation()
+
+ return (
+
+ {name}
+
+
+ )
+}
+
+export default ExchangeInput
diff --git a/src/views/Exchange/index.tsx b/src/views/Exchange/index.tsx
new file mode 100644
index 0000000..e4ec50c
--- /dev/null
+++ b/src/views/Exchange/index.tsx
@@ -0,0 +1,22 @@
+import React, { useState, useEffect } from 'react'
+import styled from 'styled-components'
+import ExchangeCard from './components/ExchangeCard'
+
+const PageContent = styled.div`
+ min-height: calc(100vh - 64px);
+ background-image: url('/images/recommend/bg.svg');
+ background-size: cover;
+ background-repeat: no-repeat;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+`
+
+const Exchange: React.FC = () => {
+ return (
+
+
+
+ )
+}
+export default Exchange
diff --git a/src/views/Referral/components/BuyNftModal.tsx b/src/views/Referral/components/BuyNftModal.tsx
index b5f143f..7a607e8 100644
--- a/src/views/Referral/components/BuyNftModal.tsx
+++ b/src/views/Referral/components/BuyNftModal.tsx
@@ -66,12 +66,12 @@ const BuyNftModal: React.FC = ({ onDismiss }) => {
const [price, setPrice] = useState('')
const [link, setLink] = useState('')
- const onContract = async () => {
+ const getLinkAddress = async () => {
const data = await getContract()
setLink(data)
}
useEffect(() => {
- onContract()
+ getLinkAddress()
}, [])
useMemo(() => {
const priceList = []