feat: 领取board收益

.env.production

@@ -1,18 +1,23 @@
-REACT_APP_CHAIN_ID = "56"
-REACT_APP_GTAG = "GTM-TLF66T4"
+REACT_APP_CHAIN_ID = "97"
+REACT_APP_GTAG = "GTM-PXLD3XW"
 
 # 10+ nodes balanced, US/EU
-REACT_APP_NODE_1 = "https://bsc-dataseed1.ninicoin.io"
+REACT_APP_NODE_1 = "https://data-seed-prebsc-1-s1.binance.org:8545"
 
 # 10+ nodes balanced, US/EU
-REACT_APP_NODE_2 = "https://bsc-dataseed1.defibit.io"
+REACT_APP_NODE_2 = "https://data-seed-prebsc-1-s1.binance.org:8545"
 
 # 10+ nodes balanced in each region, global
-REACT_APP_NODE_3 = "https://bsc-dataseed.binance.org"
+REACT_APP_NODE_3 = "https://data-seed-prebsc-1-s1.binance.org:8545"
 
 REACT_APP_GRAPH_API_PROFILE = "https://api.thegraph.com/subgraphs/name/pancakeswap/profile"
 REACT_APP_GRAPH_API_PREDICTION = "https://api.thegraph.com/subgraphs/name/pancakeswap/prediction"
 REACT_APP_GRAPH_API_LOTTERY = "https://api.thegraph.com/subgraphs/name/pancakeswap/lottery"
 
-REACT_APP_SNAPSHOT_BASE_URL = "https://hub.snapshot.page"
-REACT_APP_SNAPSHOT_VOTING_API = "https://voting-api.pancakeswap.info/api"
+REACT_APP_SNAPSHOT_BASE_URL = "https://testnet.snapshot.org"
+REACT_APP_SNAPSHOT_VOTING_API = "https://xtjyd0liqe.execute-api.ap-northeast-1.amazonaws.com/dev/api"
+
+
+
+REACT_APP_REQUEST_URL = 'http://101.35.117.69:9090'
+# REACT_APP_REQUEST_URL = 'http://192.168.2.210:8080'

src/utils/calls/boards.ts

@@ -18,8 +18,8 @@ export const unstakeBoard = async (masterChefContract) => {
   return receipt.status
 }
 
-export const harvestBoard = async (masterChefContract, pid) => {
-  const tx = await masterChefContract.harvest(pid, '0', options)
+export const harvestBoard = async (masterChefContract) => {
+  const tx = await masterChefContract.harvest(options)
   const receipt = await tx.wait()
   return receipt.status
 }

src/views/Board/components/BoardCard/CardActionsContainer.tsx

@@ -13,6 +13,7 @@ import { useERC20 } from 'hooks/useContract'
 import UnlockButton from 'components/UnlockButton'
 import useApproveBoard from '../../hooks/useApproveBoard'
 import StakeAction from './StakeAction'
+import HarvestAction from './HarvestAction'
 
 const Action = styled.div`
   padding-top: 16px;
@@ -57,14 +58,10 @@ const CardActions: React.FC<NodeCardActionsProps> = ({ board, account }) => {
         </Flex>
         <StakeAction stakedBalance={stakedBalance} tokenBalance={tokenBalance} pid={pid} />
         <Flex flexDirection="column" alignItems="flex-start" mt="10">
-          <Flex>
-            <Text color="textSubtle" fontSize="12px">
-              {t('TotalProfit')}
-            </Text>
-          </Flex>
-          <Text bold textTransform="uppercase" fontSize="20px">
-            {getBalanceNumber(new BigNumber(estimatedProfit))}
+          <Text color="textSubtle" fontSize="12px">
+            {t('TotalProfit')}
           </Text>
+          <HarvestAction earnings={new BigNumber(estimatedProfit)} pid={pid} />
         </Flex>
       </>
     ) : (

src/views/Board/components/BoardCard/HarvestAction.tsx

@@ -0,0 +1,69 @@
+import React, { useState } from 'react'
+import BigNumber from 'bignumber.js'
+import { Button, Flex, Heading } from '@pancakeswap/uikit'
+import { useTranslation } from 'contexts/Localization'
+import { useAppDispatch } from 'state'
+import { fetchFarmUserDataAsync } from 'state/farms'
+import useToast from 'hooks/useToast'
+import { getBalanceAmount } from 'utils/formatBalance'
+import { BIG_ZERO } from 'utils/bigNumber'
+import { useWeb3React } from '@web3-react/core'
+import { usePriceCakeBusd } from 'state/hooks'
+import Balance from 'components/Balance'
+import { TOKEN_SYMBOL } from 'config/index'
+import useHarvestBoard from '../../hooks/useHarvestBoard'
+
+interface FarmCardActionsProps {
+  earnings?: BigNumber
+  pid?: number
+}
+
+const HarvestAction: React.FC<FarmCardActionsProps> = ({ earnings, pid }) => {
+  const { account } = useWeb3React()
+  const { toastSuccess, toastError } = useToast()
+  const { t } = useTranslation()
+  const [pendingTx, setPendingTx] = useState(false)
+  const { onReward } = useHarvestBoard(pid)
+  const cakePrice = usePriceCakeBusd()
+  const dispatch = useAppDispatch()
+  const rawEarningsBalance = account ? getBalanceAmount(earnings) : BIG_ZERO
+  const displayBalance = rawEarningsBalance.toFixed(3, BigNumber.ROUND_DOWN)
+  const earningsBusd = rawEarningsBalance ? rawEarningsBalance.multipliedBy(cakePrice).toNumber() : 0
+
+  return (
+    <Flex width="100%" justifyContent="space-between" alignItems="center">
+      <Flex flexDirection="column" alignItems="flex-start">
+        <Heading color={rawEarningsBalance.eq(0) ? 'textDisabled' : 'text'}>{displayBalance}</Heading>
+        {earningsBusd > 0 && (
+          <Balance fontSize="12px" color="textSubtle" decimals={2} value={earningsBusd} unit=" USD" prefix="~" />
+        )}
+      </Flex>
+      <Button
+        disabled={rawEarningsBalance.eq(0) || pendingTx}
+        onClick={async () => {
+          setPendingTx(true)
+          try {
+            await onReward()
+            toastSuccess(
+              `${t('Harvested')}!`,
+              t('Your %symbol% earnings have been sent to your wallet!', { symbol: TOKEN_SYMBOL }),
+            )
+          } catch (e) {
+            toastError(
+              t('Error'),
+              t('Please try again. Confirm the transaction and make sure you are paying enough gas!'),
+            )
+            console.error(e)
+          } finally {
+            setPendingTx(false)
+          }
+          dispatch(fetchFarmUserDataAsync({ account, pids: [pid] }))
+        }}
+      >
+        {t('Harvest')}
+      </Button>
+    </Flex>
+  )
+}
+
+export default HarvestAction

src/views/Board/hooks/useHarvestBoard.ts

@@ -6,7 +6,7 @@ const useHarvestBoard = (boardPid: number) => {
   const boardChefContract = useBoardchef(boardPid)
 
   const handleHarvest = useCallback(async () => {
-    await harvestBoard(boardChefContract, boardPid)
+    await harvestBoard(boardChefContract)
   }, [boardPid, boardChefContract])
 
   return { onReward: handleHarvest }