This commit is contained in:
myf 2022-06-10 10:43:00 +08:00
parent 7ee26efb6b
commit 655e7cd154
7 changed files with 29 additions and 18 deletions

View File

@ -53,10 +53,8 @@ const Menu = (props) => {
}
const getDoc = async () => {
const result = await getProjectDoc()
console.log(result)
const { data } = result.data
setDocumentAddress(data)
console.log(data)
}
// 钱包登录后
useEffect(() => {

View File

@ -4,6 +4,7 @@ import { useTranslation } from 'contexts/Localization'
import { Flex, Text } from '@pancakeswap/uikit'
import { useAccount } from 'state/userInfo/hooks'
import useRefresh from 'hooks/useRefresh'
import { TOKEN_SYMBOL } from 'config/index'
import ShopList from './ShopList'
@ -76,7 +77,7 @@ const ContentShop: React.FC<ContentShop> = ({ list, getDetail }) => {
<ShopName>{item.label}</ShopName>
<ShopFooter>
<FooterLabel>{t('trading value')}</FooterLabel>
<FooterValue>1000HCC</FooterValue>
<FooterValue>1000{TOKEN_SYMBOL}</FooterValue>
</ShopFooter>
</ShopFlex>
)

View File

@ -2,6 +2,7 @@ import React from 'react'
import styled from 'styled-components'
import { useTranslation } from 'contexts/Localization'
import { Flex, Text } from '@pancakeswap/uikit'
import { TOKEN_SYMBOL } from 'config/index'
import StepCom from './StepCom'
interface DetailProp {
@ -25,6 +26,14 @@ const DetailInfo = styled(Flex)`
justify-content: space-between;
align-items: center;
`
const HeaderFlex = styled(Flex)`
align-items: center;
justify-content: flex-end;
`
const HeaderText = styled(Text)`
color: #1fc7d4;
font-size: 24px;
`
const Operation: React.FC<OperationProp> = ({ detail }) => {
const { t } = useTranslation()
@ -37,12 +46,10 @@ const Operation: React.FC<OperationProp> = ({ detail }) => {
</DetailInfo>
<DetailInfo>
<Text color="textSubtle">{t('price')}</Text>
<Flex alignItems="center" justifyContent="flex-end">
<Text color="#1FC7D4" fontSize="24px">
{detail.price}
</Text>
<Text color="text">HCC</Text>
</Flex>
<HeaderFlex>
<HeaderText>{detail.price}</HeaderText>
<Text color="text">{TOKEN_SYMBOL}</Text>
</HeaderFlex>
</DetailInfo>
<DetailInfo>
<Text color="textSubtle">{t('quantity')}</Text>

View File

@ -125,7 +125,7 @@ const BlindBox: React.FC = () => {
const [detail, setDetail] = useState({ series: '法式盛宴', price: 500, number: 1 })
return (
<MainFlex>
<UnOpenModel />
{/* <UnOpenModel /> */}
<SwiperDiv
loop
pagination={{ clickable: true }}

View File

@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react'
import styled from 'styled-components'
import { useTranslation } from 'contexts/Localization'
import { Text, Flex, Button, useModal } from '@pancakeswap/uikit'
import { TOKEN_SYMBOL } from 'config/index'
import Preview from './Preview'
import CombinationRules from './CombinationRules'
import SynthesisDetail from './SynthesisDetail'
@ -150,7 +151,7 @@ const CompoundBox: React.FC = () => {
<CompoundButton>{t('compound')}</CompoundButton>
<CostFlex>
<CostText>{t('Estimated synthesis cost')} </CostText>
<CostNum> -----HCC</CostNum>
<CostNum> -----{TOKEN_SYMBOL}</CostNum>
</CostFlex>
</CompoundFlex>
<CombinationRules />

View File

@ -16,21 +16,21 @@ interface RoundDetailProps {
const PageContent = styled.div`
min-height: calc(100vh - 64px);
/* background-image: url('/images/nft/bg.svg');
background-image: url('/images/nft/bg.svg');
background-size: cover;
background-repeat: no-repeat; */
background-repeat: no-repeat;
background-image: url('/images/page/compound.jpg');
/* background-image: url('/images/page/compound.jpg');
background-position: 50%;
background-size: 60% 90%;
background-repeat: no-repeat;
background-repeat: no-repeat; */
`
const NftBox: React.FC = () => {
return (
<PageContent>
<UnOpenModel />
{/* <CompoundBox /> */}
{/* <UnOpenModel /> */}
<CompoundBox />
</PageContent>
)
}

View File

@ -3,6 +3,7 @@ import dayjs from 'dayjs'
import styled, { keyframes } from 'styled-components'
import { useTranslation } from 'contexts/Localization'
import { Flex, Text, Button, Input } from '@pancakeswap/uikit'
import { TOKEN_SYMBOL } from 'config/index'
import { useHarvest } from '../hooks'
interface GetCardProps {
@ -63,7 +64,10 @@ const ExchangeCard: React.FC<GetCardProps> = ({ price = 0, time = 0 }) => {
)}
<Flex alignItems="center">
<PriceLabel>{t('amount')}</PriceLabel>
<PriceText>{price}HCC</PriceText>
<PriceText>
{price}
{TOKEN_SYMBOL}
</PriceText>
</Flex>
</div>
<Button disabled={time > new Date().getTime() || !price} onClick={getPrice}>