changing

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 }) => (
     </Text>
 )
 
-export const PoolData = ({ icon, title, data }) => {
+export const PoolData = ({ icon, img, title, data }) => {
 
     return (
         <VPanel>
             <HFStack align='center'>
                 {icon && <Icon as={icon} />}
+                {img && <Avatar size='sm' name={title} src={img} />}
                 <Text
                     fontSize="18"
                     fontWeight="700"

src/data.js

@@ -25,6 +25,7 @@ export const Images = {
         config.ENDPOINT + 'static/media/codebank.db7917c8.svg',
     ],
 
+    eth: process.env.PUBLIC_URL + '/imgs/eth.png',
     eth_girl: process.env.PUBLIC_URL + '/imgs/eth_girl.png',
     whatsapp: process.env.PUBLIC_URL + '/imgs/whatsapp.png',
     more: config.ENDPOINT + 'static/media/icon-more.c502d302.svg',

src/pages/Account.js

@@ -1,7 +1,7 @@
 import {
     Text, Button, Tab, TabList, TabPanel, TabPanels,
     Tabs, Center, Input, Divider, Image,
-    Badge, Icon, StackDivider, HStack,
+    Badge, StackDivider,
 } from '@chakra-ui/react'
 import React from 'react'
 import { HBetween, HFStack, PoolData, VFStack } from '../components'
@@ -33,7 +33,7 @@ const WithdrawStatus = (status) => {
 }
 
 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' },
 ]

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 (
         <>
-            <PoolData icon={app.menuItems[0].icon} title={app.menuItems[0].name} data={poolData} />
+            <PoolData img={Images.eth} title='Eth Pool' data={poolData} />
 
             <LatestScreen mt="4" data={lastestRecord} />
 

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 = () => {

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.',