diff --git a/public/imgs/eth.png b/public/imgs/eth.png new file mode 100644 index 0000000..115095b Binary files /dev/null and b/public/imgs/eth.png differ diff --git a/src/components/PoolData.js b/src/components/PoolData.js index 0374ac4..a488b78 100644 --- a/src/components/PoolData.js +++ b/src/components/PoolData.js @@ -1,5 +1,5 @@ import React from "react" -import { Divider, Text, Icon, } from "@chakra-ui/react" +import { Divider, Text, Icon, Avatar, } from "@chakra-ui/react" import { HBetween, HFStack } from "./base" import { VPanel } from "./Panels" @@ -23,12 +23,13 @@ const TR = ({ value, ...rest }) => ( ) -export const PoolData = ({ icon, title, data }) => { +export const PoolData = ({ icon, img, title, data }) => { return ( {icon && } + {img && } { } let accountData = [ - { name: 'Total output', value: 0, emp: false, unit: 'USDT' }, + { name: 'Total output', value: 0, emp: false, unit: 'Eth' }, { name: 'Wallet balance', value: 0, emp: false, unit: 'USDT' }, { name: 'Withdrawal amount', value: 0, emp: false, unit: 'USDT' }, ] diff --git a/src/pages/Home.js b/src/pages/Home.js index bd3aa0f..f0ab48f 100644 --- a/src/pages/Home.js +++ b/src/pages/Home.js @@ -1,7 +1,6 @@ import React from "react" import { - Box, Stack, VStack, Image, Text, - Flex, HStack, useColorModeValue + Image, Text, Flex, useColorModeValue } from "@chakra-ui/react" import { Auditors, Partners, } from "../components" import { useApp } from '../AppContext' @@ -9,6 +8,7 @@ import { get_page_mining } from '../api' import { PoolData } from "../components/PoolData" import { Faq } from "../components/Faq" import { LatestScreen } from "../components/LatestScreen" +import { Images } from "../data" const HomeFooter = () => { @@ -35,10 +35,10 @@ const HomeFooter = () => { } let defPoolData = [ - { name: 'Total output', value: 0, emp: true, unit: '' }, - { name: 'Valid node', value: 0, emp: true, unit: '' }, + { name: 'Cloud output', value: 0, emp: true, unit: 'Eth' }, + { name: 'Total liquidity', value: 0, emp: false, unit: 'USDT' }, { name: 'Participant', value: 0, emp: false, unit: '' }, - { name: 'User revenue', value: 0, emp: false, unit: 'USDT' }, + { name: 'Valid node', value: 0, emp: true, unit: '' }, ] export const Home = () => { @@ -57,9 +57,9 @@ export const Home = () => { const pd = res.data.pool_data let newPd = [...defPoolData] newPd[0].value = pd.totalOutput - newPd[1].value = pd.validNode + newPd[3].value = pd.validNode newPd[2].value = pd.participant - newPd[3].value = pd.userRevenue + newPd[1].value = pd.userRevenue setPoolData(newPd) setArticles(res.data.articles) setLastestRecord(res.data.topEarns) @@ -70,7 +70,7 @@ export const Home = () => { return ( <> - + diff --git a/src/pages/Team.js b/src/pages/Team.js index 5afc91d..4f1a1cc 100644 --- a/src/pages/Team.js +++ b/src/pages/Team.js @@ -9,11 +9,11 @@ import { FiCopy, FiCheck } from 'react-icons/fi' import { get_page_team } from '../api' let teamData = [ - { name: 'Level 1 output', value: 0, emp: true, unit: 'USDT' }, - { name: 'Level 2 output', value: 0, emp: true, unit: 'USDT' }, - { name: 'Level 3 output', value: 0, emp: true, unit: 'USDT' }, - { name: 'Participant', value: 0, emp: true, unit: 'USDT' }, - { name: 'Team revenue', value: 0, emp: false, unit: 'USDT' }, + { name: 'Level 1 output', value: 0, emp: true, unit: 'Eth' }, + { name: 'Level 2 output', value: 0, emp: true, unit: 'Eth' }, + { name: 'Level 3 output', value: 0, emp: true, unit: 'Eth' }, + { name: 'Participant', value: 0, emp: true, unit: '' }, + { name: 'Team revenue', value: 0, emp: false, unit: 'Eth' }, ] export const Team = () => { diff --git a/src/uimsg/ModalActivity.js b/src/uimsg/ModalActivity.js index c479425..c2a0d84 100644 --- a/src/uimsg/ModalActivity.js +++ b/src/uimsg/ModalActivity.js @@ -1,5 +1,9 @@ -import { Text, Modal, Image, Tag, TagLabel, Avatar, ModalHeader, ModalBody, ModalOverlay, ModalContent, ModalCloseButton } from '@chakra-ui/react' -import { ModalBox, VFStack, HBetween, HFStack } from "../components" +import { + Text, Modal, Image, Tag, TagLabel, + ModalHeader, ModalBody, ModalOverlay, + ModalContent, ModalCloseButton, +} from '@chakra-ui/react' +import { VFStack, HFStack } from "../components" import { Images } from '../data' const lines = ['First time, Top up USDT amount to wallet 2,000USDT, Get 39USDT for free.',