This commit is contained in:
parent
7ee26efb6b
commit
655e7cd154
|
|
@ -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(() => {
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
)
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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 }}
|
||||
|
|
|
|||
|
|
@ -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 />
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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}>
|
||||
|
|
|
|||
Loading…
Reference in New Issue