yll
/
cwfront
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update for new version

This commit is contained in:
john 2022-05-22 03:27:50 +07:00
parent 8886e3cba7
commit 1f56512d7e
13 changed files with 47 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/imgs/cloud_banner.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

5
src/AppContext.js
View File

@ -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,
FiActivity, FiUser, FiUsers,
FiCloud, 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 },
]

17
src/components/Faq.js
View File

@ -1,10 +1,11 @@
import {
Divider, Accordion, AccordionItem,
AccordionButton, Box, AccordionIcon,
AccordionPanel,
AccordionButton, Text, AccordionIcon,
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'>
{a.title}
</Box>
<Flex fontWeight='600' flex='1' textAlign='left' alignItems='center'>
<Icon as={FiHelpCircle} mr="2" />
<Text>{a.title}</Text>
</Flex>
<AccordionIcon />
</AccordionButton>
</h2>
<AccordionPanel pb={4}>
<AccordionPanel pb={4} color='gray.500'>
{parse(a.content)}
</AccordionPanel>
</AccordionItem>

8
src/components/Hero.js
View File

@ -15,18 +15,16 @@ export const Hero = ({ bg }) => {
>
<VFStack align="start">
{/* <HFStack my="4" px="4"> */}
<Logo p="4" />
{/* </HFStack> */}
{/* <Logo p="4" /> */}
<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'

2
src/components/LatestScreen.js
View File

@ -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

38
src/components/PoolData.js
View File

@ -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"

2
src/data.js
View File

@ -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',
}

1
src/lang/en.js
View File

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

1
src/lang/fr.js
View File

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

1
src/lang/tw.js
View File

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

4
src/pages/Account.js
View File

@ -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>

4
src/pages/Home.js
View File

@ -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 /> */}
</>
)
}

8
src/pages/Team.js
View File

@ -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 2 Total Output', value: 0, emp: true, unit: 'USDT' },
{ name: 'Level 3 Total Output', value: 0, emp: true, unit: 'USDT' },
{ 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' },
]
@ -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">