update for new version

src/AppContext.js

@@ -3,8 +3,7 @@ import { config } from "./config"
 import { get_settings } from './api'
 import { ImTwitter, ImTelegram, ImFacebook, ImWhatsapp } from "react-icons/im"
 import {
-    FiHome, FiTrendingUp, FiLock,
+    FiCloud, FiUser, FiUsers,
-    FiActivity, FiUser, FiUsers,
 } from 'react-icons/fi'
 import { useTranslation } from "react-i18next"
 
@@ -41,7 +40,7 @@ export const AppContextProvider = ({ children }) => {
     const [kefuUrl, setKefuUrl] = React.useState('')
 
     const menuItems = [
-        { name: t('mining'), icon: FiActivity, path: '/home', enabled: true },
+        { name: t('cloud'), icon: FiCloud, path: '/home', enabled: true },
         { name: t('account'), icon: FiUser, path: '/account', enabled: true },
         { name: t('team'), icon: FiUsers, path: '/team', enabled: true },
     ]

src/components/Faq.js

@@ -1,10 +1,11 @@
 import {
     Divider, Accordion, AccordionItem,
-    AccordionButton, Box, AccordionIcon,
+    AccordionButton, Text, AccordionIcon,
-    AccordionPanel,
+    AccordionPanel, Icon, Flex,
 } from "@chakra-ui/react"
 import React from "react"
 import { PanelHeader, VPanel } from "./Panels"
+import { FiHelpCircle } from 'react-icons/fi'
 import parse from 'html-react-parser'
 
 
@@ -12,7 +13,7 @@ export const Faq = ({ articles, ...rest }) => {
 
     return (
         <VPanel {...rest}>
-            <PanelHeader header="Help Center" subHeader="Hope it help you" />
+            <PanelHeader header="Help Q&A" subHeader="" />
 
             <Accordion w="full" allowToggle>
 
@@ -20,14 +21,16 @@ export const Faq = ({ articles, ...rest }) => {
                     articles && articles.map((a, index) => (
                         <AccordionItem key={index}>
                             <h2>
+
                                 <AccordionButton>
-                                    <Box fontWeight='600' flex='1' textAlign='left'>
+                                    <Flex fontWeight='600' flex='1' textAlign='left' alignItems='center'>
-                                        {a.title}
+                                        <Icon as={FiHelpCircle} mr="2" />
-                                    </Box>
+                                        <Text>{a.title}</Text>
+                                    </Flex>
                                     <AccordionIcon />
                                 </AccordionButton>
                             </h2>
-                            <AccordionPanel pb={4}>
+                            <AccordionPanel pb={4} color='gray.500'>
                                 {parse(a.content)}
                             </AccordionPanel>
                         </AccordionItem>

src/components/Hero.js

@@ -15,18 +15,16 @@ export const Hero = ({ bg }) => {
         >
 
             <VFStack align="start">
-                {/* <HFStack my="4" px="4"> */}
+                {/* <Logo p="4" /> */}
-                <Logo p="4" />
-                {/* </HFStack> */}
 
-                <Placeholder h='20%' />
+                <Placeholder h='30%' />
                 <VStack pl="4">
                     <Text
                         fontWeight='700'
                         fontSize='22'
                         color='white'
                     >
-                        Join The Team
+                        Join in The Cloud
                     </Text>
                     <Text
                         fontWeight='700'

src/components/LatestScreen.js

@@ -19,7 +19,7 @@ export const LatestScreen = ({ data, ...rest }) => {
 
     return (
         <VPanel {...rest}>
-            <PanelHeader header="Mining" subHeader="Liquidity mining income" />
+            <PanelHeader header="Cloud Computing" subHeader="Nodes of cloud output" />
 
             <HBetween py="2">
                 <Text

src/components/PoolData.js

@@ -4,30 +4,30 @@ import { Divider, Text, Icon, } from "@chakra-ui/react"
 import { HBetween, HFStack } from "./base"
 import { VPanel } from "./Panels"
 
+const TL = ({ title }) => (
+    <Text
+        color="gray.500"
+        fontSize="16"
+    >
+        {title}
+    </Text>
+)
+
+const TR = ({ value, ...rest }) => (
+    <Text
+        fontSize="16"
+        fontWeight="700"
+        {...rest}
+    >
+        {value}
+    </Text>
+)
 
 export const PoolData = ({ icon, title, data }) => {
-    const TL = ({ title }) => (
-        <Text
-            color="gray.500"
-            fontSize="16"
-        >
-            {title}
-        </Text>
-    )
-
-    const TR = ({ value, ...rest }) => (
-        <Text
-            fontSize="16"
-            fontWeight="700"
-            {...rest}
-        >
-            {value}
-        </Text>
-    )
 
     return (
         <VPanel>
-            <HFStack>
+            <HFStack align='center'>
                 {icon && <Icon as={icon} />}
                 <Text
                     fontSize="18"

src/data.js

@@ -28,7 +28,7 @@ export const Images = {
     whatsapp: process.env.PUBLIC_URL + '/imgs/whatsapp.png',
     more: config.ENDPOINT + 'static/media/icon-more.c502d302.svg',
     new: config.ENDPOINT + 'static/media/jiaobiao-eth.4b55fb16.svg',
-    stakingBanner: config.ENDPOINT + 'static/media/eth_mining.jpg',
+    stakingBanner: process.env.PUBLIC_URL + '/imgs/cloud_banner.jpg',
     usdt: config.ENDPOINT + 'upload/images/XTVCUSDT--big.svg',
 }
 

src/lang/en.js

@@ -5,6 +5,7 @@ export const en = {
     staking: 'Staking',
     account: 'Account',
     team: 'Team',
+    cloud: 'Cloud',
     announcement: 'Announcement',
     faq: 'FAQ',
     tutorial: 'tutorial',

src/lang/fr.js

@@ -5,6 +5,7 @@ export const fr = {
     staking: 'Jalonnement',
     account: 'Account',
     team: 'Team',
+    cloud: 'Cloud',
     announcement: 'Annonce',
     faq: 'FAQ',
     tutorial: 'Didacticiel',

src/lang/tw.js

@@ -5,6 +5,7 @@ export const tw = {
     staking: '質押',
     account: 'Account',
     team: 'Team',
+    cloud: 'Cloud',
     announcement: '公告',
     faq: 'FAQ',
     tutorial: '教案',

src/pages/Account.js

@@ -35,7 +35,7 @@ const WithdrawStatus = (status) => {
 let accountData = [
     { name: 'Total output', value: 0, emp: false, unit: 'USDT' },
     { name: 'Wallet balance', value: 0, emp: false, unit: 'USDT' },
-    { name: 'Withdrawal balance', value: 0, emp: false, unit: 'USDT' },
+    { name: 'Withdrawal amount', value: 0, emp: false, unit: 'USDT' },
 ]
 
 export const Account = () => {
@@ -90,7 +90,7 @@ export const Account = () => {
 
     return (
         <>
-            <PoolData title='My Account' data={accountInfo} />
+            <PoolData icon={app.menuItems[1].icon} title={app.menuItems[1].name} data={accountInfo} />
 
             <Tabs mt="4" isFitted variant="enclosed">
                 <TabList>

src/pages/Home.js

@@ -70,7 +70,7 @@ export const Home = () => {
 
     return (
         <>
-            <PoolData title='Pool' data={poolData} />
+            <PoolData icon={app.menuItems[0].icon} title={app.menuItems[0].name} data={poolData} />
 
             <LatestScreen mt="4" data={lastestRecord} />
 
@@ -80,7 +80,7 @@ export const Home = () => {
 
             <Partners mt="4" />
 
-            <HomeFooter />
+            {/* <HomeFooter /> */}
         </>
     )
 }

src/pages/Team.js

@@ -9,9 +9,9 @@ import { FiCopy, FiCheck } from 'react-icons/fi'
 import { get_page_team } from '../api'
 
 let teamData = [
-    { name: 'Level 1 Total Output', value: 0, emp: true, unit: 'USDT' },
+    { name: 'Level 1 output', value: 0, emp: true, unit: 'USDT' },
-    { name: 'Level 2 Total Output', value: 0, emp: true, unit: 'USDT' },
+    { name: 'Level 2 output', value: 0, emp: true, unit: 'USDT' },
-    { name: 'Level 3 Total 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' },
 ]
@@ -51,7 +51,7 @@ export const Team = () => {
     return (
 
         <>
-            <PoolData title='Team' data={teamInfo} />
+            <PoolData icon={app.menuItems[2].icon} title={app.menuItems[2].name} data={teamInfo} />
 
             <VPanel my="4">