This commit is contained in:
parent
7ee26efb6b
commit
655e7cd154
|
|
@ -53,10 +53,8 @@ const Menu = (props) => {
|
||||||
}
|
}
|
||||||
const getDoc = async () => {
|
const getDoc = async () => {
|
||||||
const result = await getProjectDoc()
|
const result = await getProjectDoc()
|
||||||
console.log(result)
|
|
||||||
const { data } = result.data
|
const { data } = result.data
|
||||||
setDocumentAddress(data)
|
setDocumentAddress(data)
|
||||||
console.log(data)
|
|
||||||
}
|
}
|
||||||
// 钱包登录后
|
// 钱包登录后
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|
|
||||||
|
|
@ -4,6 +4,7 @@ import { useTranslation } from 'contexts/Localization'
|
||||||
import { Flex, Text } from '@pancakeswap/uikit'
|
import { Flex, Text } from '@pancakeswap/uikit'
|
||||||
import { useAccount } from 'state/userInfo/hooks'
|
import { useAccount } from 'state/userInfo/hooks'
|
||||||
import useRefresh from 'hooks/useRefresh'
|
import useRefresh from 'hooks/useRefresh'
|
||||||
|
import { TOKEN_SYMBOL } from 'config/index'
|
||||||
|
|
||||||
import ShopList from './ShopList'
|
import ShopList from './ShopList'
|
||||||
|
|
||||||
|
|
@ -76,7 +77,7 @@ const ContentShop: React.FC<ContentShop> = ({ list, getDetail }) => {
|
||||||
<ShopName>{item.label}</ShopName>
|
<ShopName>{item.label}</ShopName>
|
||||||
<ShopFooter>
|
<ShopFooter>
|
||||||
<FooterLabel>{t('trading value')}</FooterLabel>
|
<FooterLabel>{t('trading value')}</FooterLabel>
|
||||||
<FooterValue>1000HCC</FooterValue>
|
<FooterValue>1000{TOKEN_SYMBOL}</FooterValue>
|
||||||
</ShopFooter>
|
</ShopFooter>
|
||||||
</ShopFlex>
|
</ShopFlex>
|
||||||
)
|
)
|
||||||
|
|
|
||||||
|
|
@ -2,6 +2,7 @@ import React from 'react'
|
||||||
import styled from 'styled-components'
|
import styled from 'styled-components'
|
||||||
import { useTranslation } from 'contexts/Localization'
|
import { useTranslation } from 'contexts/Localization'
|
||||||
import { Flex, Text } from '@pancakeswap/uikit'
|
import { Flex, Text } from '@pancakeswap/uikit'
|
||||||
|
import { TOKEN_SYMBOL } from 'config/index'
|
||||||
import StepCom from './StepCom'
|
import StepCom from './StepCom'
|
||||||
|
|
||||||
interface DetailProp {
|
interface DetailProp {
|
||||||
|
|
@ -25,6 +26,14 @@ const DetailInfo = styled(Flex)`
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
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 Operation: React.FC<OperationProp> = ({ detail }) => {
|
||||||
const { t } = useTranslation()
|
const { t } = useTranslation()
|
||||||
|
|
@ -37,12 +46,10 @@ const Operation: React.FC<OperationProp> = ({ detail }) => {
|
||||||
</DetailInfo>
|
</DetailInfo>
|
||||||
<DetailInfo>
|
<DetailInfo>
|
||||||
<Text color="textSubtle">{t('price')}</Text>
|
<Text color="textSubtle">{t('price')}</Text>
|
||||||
<Flex alignItems="center" justifyContent="flex-end">
|
<HeaderFlex>
|
||||||
<Text color="#1FC7D4" fontSize="24px">
|
<HeaderText>{detail.price}</HeaderText>
|
||||||
{detail.price}
|
<Text color="text">{TOKEN_SYMBOL}</Text>
|
||||||
</Text>
|
</HeaderFlex>
|
||||||
<Text color="text">HCC</Text>
|
|
||||||
</Flex>
|
|
||||||
</DetailInfo>
|
</DetailInfo>
|
||||||
<DetailInfo>
|
<DetailInfo>
|
||||||
<Text color="textSubtle">{t('quantity')}</Text>
|
<Text color="textSubtle">{t('quantity')}</Text>
|
||||||
|
|
|
||||||
|
|
@ -125,7 +125,7 @@ const BlindBox: React.FC = () => {
|
||||||
const [detail, setDetail] = useState({ series: '法式盛宴', price: 500, number: 1 })
|
const [detail, setDetail] = useState({ series: '法式盛宴', price: 500, number: 1 })
|
||||||
return (
|
return (
|
||||||
<MainFlex>
|
<MainFlex>
|
||||||
<UnOpenModel />
|
{/* <UnOpenModel /> */}
|
||||||
<SwiperDiv
|
<SwiperDiv
|
||||||
loop
|
loop
|
||||||
pagination={{ clickable: true }}
|
pagination={{ clickable: true }}
|
||||||
|
|
|
||||||
|
|
@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react'
|
||||||
import styled from 'styled-components'
|
import styled from 'styled-components'
|
||||||
import { useTranslation } from 'contexts/Localization'
|
import { useTranslation } from 'contexts/Localization'
|
||||||
import { Text, Flex, Button, useModal } from '@pancakeswap/uikit'
|
import { Text, Flex, Button, useModal } from '@pancakeswap/uikit'
|
||||||
|
import { TOKEN_SYMBOL } from 'config/index'
|
||||||
import Preview from './Preview'
|
import Preview from './Preview'
|
||||||
import CombinationRules from './CombinationRules'
|
import CombinationRules from './CombinationRules'
|
||||||
import SynthesisDetail from './SynthesisDetail'
|
import SynthesisDetail from './SynthesisDetail'
|
||||||
|
|
@ -150,7 +151,7 @@ const CompoundBox: React.FC = () => {
|
||||||
<CompoundButton>{t('compound')}</CompoundButton>
|
<CompoundButton>{t('compound')}</CompoundButton>
|
||||||
<CostFlex>
|
<CostFlex>
|
||||||
<CostText>{t('Estimated synthesis cost')} </CostText>
|
<CostText>{t('Estimated synthesis cost')} </CostText>
|
||||||
<CostNum> -----HCC</CostNum>
|
<CostNum> -----{TOKEN_SYMBOL}</CostNum>
|
||||||
</CostFlex>
|
</CostFlex>
|
||||||
</CompoundFlex>
|
</CompoundFlex>
|
||||||
<CombinationRules />
|
<CombinationRules />
|
||||||
|
|
|
||||||
|
|
@ -16,21 +16,21 @@ interface RoundDetailProps {
|
||||||
|
|
||||||
const PageContent = styled.div`
|
const PageContent = styled.div`
|
||||||
min-height: calc(100vh - 64px);
|
min-height: calc(100vh - 64px);
|
||||||
/* background-image: url('/images/nft/bg.svg');
|
background-image: url('/images/nft/bg.svg');
|
||||||
background-size: cover;
|
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-position: 50%;
|
||||||
background-size: 60% 90%;
|
background-size: 60% 90%;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat; */
|
||||||
`
|
`
|
||||||
|
|
||||||
const NftBox: React.FC = () => {
|
const NftBox: React.FC = () => {
|
||||||
return (
|
return (
|
||||||
<PageContent>
|
<PageContent>
|
||||||
<UnOpenModel />
|
{/* <UnOpenModel /> */}
|
||||||
{/* <CompoundBox /> */}
|
<CompoundBox />
|
||||||
</PageContent>
|
</PageContent>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -3,6 +3,7 @@ import dayjs from 'dayjs'
|
||||||
import styled, { keyframes } from 'styled-components'
|
import styled, { keyframes } from 'styled-components'
|
||||||
import { useTranslation } from 'contexts/Localization'
|
import { useTranslation } from 'contexts/Localization'
|
||||||
import { Flex, Text, Button, Input } from '@pancakeswap/uikit'
|
import { Flex, Text, Button, Input } from '@pancakeswap/uikit'
|
||||||
|
import { TOKEN_SYMBOL } from 'config/index'
|
||||||
import { useHarvest } from '../hooks'
|
import { useHarvest } from '../hooks'
|
||||||
|
|
||||||
interface GetCardProps {
|
interface GetCardProps {
|
||||||
|
|
@ -63,7 +64,10 @@ const ExchangeCard: React.FC<GetCardProps> = ({ price = 0, time = 0 }) => {
|
||||||
)}
|
)}
|
||||||
<Flex alignItems="center">
|
<Flex alignItems="center">
|
||||||
<PriceLabel>{t('amount')}:</PriceLabel>
|
<PriceLabel>{t('amount')}:</PriceLabel>
|
||||||
<PriceText>{price}HCC</PriceText>
|
<PriceText>
|
||||||
|
{price}
|
||||||
|
{TOKEN_SYMBOL}
|
||||||
|
</PriceText>
|
||||||
</Flex>
|
</Flex>
|
||||||
</div>
|
</div>
|
||||||
<Button disabled={time > new Date().getTime() || !price} onClick={getPrice}>
|
<Button disabled={time > new Date().getTime() || !price} onClick={getPrice}>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue