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",
"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?",
"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",
"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",
"stakingBridge": "staking bridge",
"readMoreStaking": "Read more about staking on Vega",
"networkDown": "This site is not currently connecting to the network please try again later.",
"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 { Link } from 'react-router-dom';
import { Links } from '../../config';
import { NodeList } from './node-list';
import type { Staking as StakingQueryResult } from './__generated__/Staking';
@ -16,19 +22,24 @@ export const Staking = ({ data }: { data?: StakingQueryResult }) => {
title={t('stakingDescriptionTitle')}
>
<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('stakingDescription3')}</li>
<li>{t('stakingDescription4')}</li>
</ol>
<Link
<UTLink
href={Links.STAKING_GUIDE}
target="_blank"
data-testid="staking-guide-link"
>
<Button variant="secondary">{t('readMoreStaking')}</Button>
</Link>
</UTLink>
</Callout>
</section>