Skip to content

F
frontend
Commit de239116 authored by Max Alekseenko's avatar Max Alekseenko
Browse files
Options

remove unused block of content

parent 26b7edd1
Hide whitespace changes
Inline Side-by-side
Showing with 35 additions and 54 deletions
ui/rewards/steps/CongratsStepContent.tsx
View file @ de239116
import { Text, Box, Flex, useColorModeValue, Button, Skeleton } from '@chakra-ui/react'; import { Text, Box, Flex, Button, Skeleton } from '@chakra-ui/react';
import React from 'react'; import React from 'react';
import { route } from 'nextjs-routes'; import { route } from 'nextjs-routes';
...@@ -6,7 +6,6 @@ import { route } from 'nextjs-routes'; ...@@ -6,7 +6,6 @@ import { route } from 'nextjs-routes';
import { useRewardsContext } from 'lib/contexts/rewards'; import { useRewardsContext } from 'lib/contexts/rewards';
import IconSvg from 'ui/shared/IconSvg'; import IconSvg from 'ui/shared/IconSvg';
import AvailableSoonLabel from '../AvailableSoonLabel';
import CopyField from '../CopyField'; import CopyField from '../CopyField';
type Props = { type Props = {
...@@ -23,65 +22,47 @@ const CongratsStepContent = ({ isReferral }: Props) => { ...@@ -23,65 +22,47 @@ const CongratsStepContent = ({ isReferral }: Props) => {
return ( return (
<> <>
<Flex <Flex
flexDirection="column" alignItems="center"
background="linear-gradient(254.96deg, #9CD8FF 9.09%, #D0EFFF 88.45%)" background="linear-gradient(254.96deg, #9CD8FF 9.09%, #D0EFFF 88.45%)"
borderRadius="md" borderRadius="md"
padding={ 2 } padding={ 4 }
pt={ 6 }
mb={ 8 } mb={ 8 }
> >
<Flex alignItems="center" pl={ 2 } mb={ 4 }> <IconSvg name="merits_colored" boxSize="72px" m={ -2 }/>
<IconSvg name="merits_colored" boxSize="72px" m={ -2 }/> <Skeleton isLoaded={ !rewardsConfigQuery.isLoading }>
<Skeleton isLoaded={ !rewardsConfigQuery.isLoading }> <Text fontSize="30px" fontWeight="700" color="blue.700" ml={ 1 }>
<Text fontSize="30px" fontWeight="700" color="blue.700" ml={ 1 }> +{ rewardsConfigQuery.data?.rewards[ isReferral ? 'registration_with_referral' : 'registration' ] }
+{ rewardsConfigQuery.data?.rewards[ isReferral ? 'registration_with_referral' : 'registration' ] } </Text>
</Text> </Skeleton>
</Skeleton> { isReferral && (
{ isReferral && ( <Flex alignItems="center" h="56px">
<Flex alignItems="center" h="56px"> <Box w="1px" h="full" bgColor="whiteAlpha.800" mx={ 8 }/>
<Box w="1px" h="full" bgColor="whiteAlpha.800" mx={ 8 }/> <Flex flexDirection="column" justifyContent="space-between">
<Flex flexDirection="column" justifyContent="space-between"> { [
{ [ {
{ title: 'Registration',
title: 'Registration', value: registrationReward,
value: registrationReward, },
}, {
{ title: 'Referral program',
title: 'Referral program', value: referralReward,
value: referralReward, },
}, ].map(({ title, value }) => (
].map(({ title, value }) => ( <Flex key={ title } alignItems="center">
<Flex key={ title } alignItems="center"> <IconSvg name="merits_colored" boxSize={ 8 }/>
<IconSvg name="merits_colored" boxSize={ 8 }/> <Skeleton isLoaded={ !rewardsConfigQuery.isLoading }>
<Skeleton isLoaded={ !rewardsConfigQuery.isLoading }> <Text fontSize="sm" fontWeight="700" color="blue.700">
<Text fontSize="sm" fontWeight="700" color="blue.700"> +{ value }
+{ value }
</Text>
</Skeleton>
<Text fontSize="sm" color="blue.700" ml={ 2 }>
{ title }
</Text> </Text>
</Flex> </Skeleton>
)) } <Text fontSize="sm" color="blue.700" ml={ 2 }>
</Flex> { title }
</Text>
</Flex>
)) }
</Flex> </Flex>
) }
</Flex>
<Flex
flexDirection="column"
backgroundColor={ useColorModeValue('white', 'gray.900') }
borderRadius="8px"
padding={ 4 }
gap={ 2 }
>
<Flex alignItems="center" gap={ 2 }>
<Text fontSize="lg" fontWeight="500">
Pre-staking
</Text>
<AvailableSoonLabel/>
</Flex> </Flex>
<Text fontSize="sm">Support your favorite networks and earn 10% APR</Text> ) }
</Flex>
</Flex> </Flex>
<Flex flexDirection="column" alignItems="flex-start" px={ 3 } mb={ 8 }> <Flex flexDirection="column" alignItems="flex-start" px={ 3 } mb={ 8 }>
<Flex alignItems="center" gap={ 2 }> <Flex alignItems="center" gap={ 2 }>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment