LaconicNetwork/vega-frontend-monorepo
3
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Feat/1077 link to associate page (#1092)

Browse Source 
* feat/1077: Add a link to staking/associate from the staking page

* feat/1077: tweak
This commit is contained in:
Sam Keen 2022-08-22 09:35:17 +01:00 committed by GitHub
parent 61b1171f6c
commit f158dbddaa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
apps/token/src/i18n/translations/dev.json
View File

@ -527,10 +527,11 @@
"userRejectionError": "Please authorise this website to access your Ethereum account", "userRejectionError": "Please authorise this website to access your Ethereum account",
"unknownEthereumConnectionError": "An unknown error occurred. Check the console in your browser's web developer tools for more details", "unknownEthereumConnectionError": "An unknown error occurred. Check the console in your browser's web developer tools for more details",
"stakingDescriptionTitle": "How does staking on Vega work?", "stakingDescriptionTitle": "How does staking on Vega work?",
"stakingDescription1": "1. VEGA is an ERC20 token. Associate it with a Vega wallet using the staking bridge", "stakingDescription1": "1. VEGA is an ERC20 token. Associate it with a Vega wallet using the",
"stakingDescription2": "2. Use this site and your Vega wallet to nominate a validator", "stakingDescription2": "2. Use this site and your Vega wallet to nominate a validator",
"stakingDescription3": "3. Earn a share of trading fees and treasury rewards for each full epoch staked", "stakingDescription3": "3. Earn a share of trading fees and treasury rewards for each full epoch staked",
"stakingDescription4": "4. Move your stake if your validator is penalised", "stakingDescription4": "4. Move your stake if your validator is penalised",
"stakingBridge": "staking bridge",
"readMoreStaking": "Read more about staking on Vega", "readMoreStaking": "Read more about staking on Vega",
"networkDown": "This site is not currently connecting to the network please try again later.", "networkDown": "This site is not currently connecting to the network please try again later.",
"ethTransactionModalTitle": "Ethereum Transactions", "ethTransactionModalTitle": "Ethereum Transactions",

19
apps/token/src/routes/staking/staking.tsx
View File

@ -1,5 +1,11 @@
import { Button, Callout, Intent, Link } from '@vegaprotocol/ui-toolkit'; import {
Button,
Callout,
Intent,
Link as UTLink,
} from '@vegaprotocol/ui-toolkit';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { Link } from 'react-router-dom';
import { Links } from '../../config'; import { Links } from '../../config';
import { NodeList } from './node-list'; import { NodeList } from './node-list';
import type { Staking as StakingQueryResult } from './__generated__/Staking'; import type { Staking as StakingQueryResult } from './__generated__/Staking';
@ -16,19 +22,24 @@ export const Staking = ({ data }: { data?: StakingQueryResult }) => {
title={t('stakingDescriptionTitle')} title={t('stakingDescriptionTitle')}
> >
<ol className="mb-20"> <ol className="mb-20">
<li>{t('stakingDescription1')}</li> <li>
{t('stakingDescription1')}{' '}
<Link to="/staking/associate" className="underline">
{t('stakingBridge')}
</Link>
</li>
<li>{t('stakingDescription2')}</li> <li>{t('stakingDescription2')}</li>
<li>{t('stakingDescription3')}</li> <li>{t('stakingDescription3')}</li>
<li>{t('stakingDescription4')}</li> <li>{t('stakingDescription4')}</li>
</ol> </ol>
<Link <UTLink
href={Links.STAKING_GUIDE} href={Links.STAKING_GUIDE}
target="_blank" target="_blank"
data-testid="staking-guide-link" data-testid="staking-guide-link"
> >
<Button variant="secondary">{t('readMoreStaking')}</Button> <Button variant="secondary">{t('readMoreStaking')}</Button>
</Link> </UTLink>
</Callout> </Callout>
</section> </section>