status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: replace all links with arrows

This commit is contained in:
RadoslavDimchev 2023-08-30 15:42:11 +03:00
parent 4ad9470808
commit 2c11fd2bc3
3 changed files with 16 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/pages/ValidatorOnboarding/Activation/Activation.tsx
View File

@ -3,8 +3,7 @@ import { XStack, Stack, YStack } from 'tamagui'
import { Text } from '@status-im/components' import { Text } from '@status-im/components'
import Confetti from 'react-confetti' import Confetti from 'react-confetti'
import ActivationCard from './ActivationCard' import ActivationCard from './ActivationCard'
import { Link } from 'react-router-dom' import LinkWithArrow from '../../../components/General/LinkWithArrow'
import { ArrowLeftIcon } from '@status-im/icons'
const styles = { const styles = {
confettiContainer: { confettiContainer: {
@ -76,16 +75,12 @@ const Activation = () => {
</XStack> </XStack>
</YStack> </YStack>
</YStack> </YStack>
<Stack style={{ maxWidth: 'fit-content', marginTop: '50px' }}> <LinkWithArrow
<Text size={15}> text="Edit Validators"
<XStack space={'$1'} style={{ alignItems: 'center' }}> to="/"
<ArrowLeftIcon size={16} color="#2A4CF4" /> arrowLeft={true}
<Link style={{ color: '#2A4CF4' }} to={'/'}> style={{ marginTop: '44px', marginBottom: '88px' }}
Edit Validators />
</Link>
</XStack>
</Text>
</Stack>
</YStack> </YStack>
</Stack> </Stack>
) )

22
src/pages/ValidatorOnboarding/ClientSetup/ClientSetup.tsx
View File

@ -1,10 +1,8 @@
import { Separator, Stack, XStack, YStack } from 'tamagui' import { Separator, YStack } from 'tamagui'
import { Text } from '@status-im/components'
import { ArrowRightIcon } from '@status-im/icons'
import { Link } from 'react-router-dom'
import SetupRow from './SetupRow' import SetupRow from './SetupRow'
import WithdrawalAddress from './WithdrawalAddress' import WithdrawalAddress from './WithdrawalAddress'
import LinkWithArrow from '../../../components/General/LinkWithArrow'
const ClientSetup = () => { const ClientSetup = () => {
return ( return (
@ -12,16 +10,12 @@ const ClientSetup = () => {
<SetupRow title={'Setup up Validators'} /> <SetupRow title={'Setup up Validators'} />
<Separator borderColor={'#F0F2F5'} /> <Separator borderColor={'#F0F2F5'} />
<WithdrawalAddress title={'Withdrawal address'} /> <WithdrawalAddress title={'Withdrawal address'} />
<Stack style={{ maxWidth: 'fit-content', marginTop: '50px' }}> <LinkWithArrow
<Text size={15}> text="Advanced Recovery Method"
<XStack space={'$1'} style={{ alignItems: 'center' }}> to={'/'}
<Link style={{ color: '#2A4CF4' }} to={'/'}> arrowRight={true}
Advanced Recovery Method style={{ marginBottom: '50px' }}
</Link> />
<ArrowRightIcon size={16} color="#2A4CF4" />
</XStack>
</Text>
</Stack>
</YStack> </YStack>
) )
} }

2
src/pages/ValidatorOnboarding/Overview/Overview.tsx
View File

@ -23,7 +23,7 @@ const Overview = () => {
by proof-of-stake validators. By running a validator, you'll be helping to secure the by proof-of-stake validators. By running a validator, you'll be helping to secure the
Ethereum network. Ethereum network.
</Text> </Text>
<LinkWithArrow text="Learn more" to={'/'} arrowRight={true} /> <LinkWithArrow text="Learn more" to={'/'} arrowRight={true} style={{ margin: '2% 0 4%' }} />
<XStack space={'$5'}> <XStack space={'$5'}>
<OverviewCard text={'Current APR'} value={'4.40%'} /> <OverviewCard text={'Current APR'} value={'4.40%'} />
<OverviewCard text={'Total ETH Staked'} value={'9,451,123'} /> <OverviewCard text={'Total ETH Staked'} value={'9,451,123'} />