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

Feat/1279: Make validator profiles visible on token front end without wallet connected (#1578)

Browse Source
This commit is contained in:
Sam Keen 2022-10-03 09:09:35 +01:00 committed by GitHub
parent 219c9e1b41
commit 520f767d09
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 36 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -470,6 +470,7 @@
"notAssociated": "Not Associated", "notAssociated": "Not Associated",
"title": "VEGA TOKEN", "title": "VEGA TOKEN",
"Use the Ethereum wallet you want to send your tokens to. You'll also need enough Ethereum to pay gas.": "Connect to the Ethereum wallet that holds your $VEGA tokens to see what can be redeemed from vesting tranches. To redeem tokens you will need some ETH to pay gas fees.\n", "Use the Ethereum wallet you want to send your tokens to. You'll also need enough Ethereum to pay gas.": "Connect to the Ethereum wallet that holds your $VEGA tokens to see what can be redeemed from vesting tranches. To redeem tokens you will need some ETH to pay gas fees.\n",
"Connect to see your stake": "Connect to see your stake",
"Staked on Vega validator": "Associated to Vega key", "Staked on Vega validator": "Associated to Vega key",
"You can associate tokens while they are held in the vesting contract, when they unlock you will need to disassociate them before they can be redeemed.": "You can associate tokens while they are held in the vesting contract, when they unlock you will need to disassociate them before they can be redeemed.", "You can associate tokens while they are held in the vesting contract, when they unlock you will need to disassociate them before they can be redeemed.": "You can associate tokens while they are held in the vesting contract, when they unlock you will need to disassociate them before they can be redeemed.",
"Nominate Stake to Validator Node": "Select a validator to nominate", "Nominate Stake to Validator Node": "Select a validator to nominate",

63
apps/token/src/routes/staking/staking-node.tsx
View File

@ -16,21 +16,17 @@ import { YourStake } from './your-stake';
export const StakingNodeContainer = () => { export const StakingNodeContainer = () => {
return ( return (
<StakingWalletsContainer> <StakingWalletsContainer>
{({ currVegaKey }) => {({ currVegaKey }) => (
currVegaKey ? ( <StakingNodesContainer>
<StakingNodesContainer> {({ data }) => <StakingNode vegaKey={currVegaKey} data={data} />}
{({ data }) => <StakingNode vegaKey={currVegaKey} data={data} />} </StakingNodesContainer>
</StakingNodesContainer> )}
) : (
<ConnectToVega />
)
}
</StakingWalletsContainer> </StakingWalletsContainer>
); );
}; };
interface StakingNodeProps { interface StakingNodeProps {
vegaKey: VegaKeyExtended; vegaKey: VegaKeyExtended | null;
data?: StakingQueryResult; data?: StakingQueryResult;
} }
@ -88,14 +84,14 @@ export const StakingNode = ({ vegaKey, data }: StakingNodeProps) => {
if (!nodeInfo) { if (!nodeInfo) {
return ( return (
<span className={'text-vega-red'}> <span data-testid="staking-node-not-found" className={'text-vega-red'}>
{t('stakingNodeNotFound', { node })} {t('stakingNodeNotFound', { node })}
</span> </span>
); );
} }
return ( return (
<> <div data-testid="staking-node">
<h2 data-test-id="validator-node-title" className="text-2xl break-word"> <h2 data-test-id="validator-node-title" className="text-2xl break-word">
{nodeInfo.name {nodeInfo.name
? t('validatorTitle', { nodeName: nodeInfo.name }) ? t('validatorTitle', { nodeName: nodeInfo.name })
@ -117,22 +113,33 @@ export const StakingNode = ({ vegaKey, data }: StakingNodeProps) => {
/> />
</section> </section>
)} )}
<section className="mb-4">
<YourStake {vegaKey ? (
stakeNextEpoch={stakeNextEpoch} <>
stakeThisEpoch={stakeThisEpoch} <section className="mb-4">
/> <YourStake
</section> stakeNextEpoch={stakeNextEpoch}
<section> stakeThisEpoch={stakeThisEpoch}
<StakingForm />
pubkey={vegaKey.pub} </section>
nodeId={nodeInfo.id}
nodeName={nodeInfo.name} <section>
availableStakeToAdd={unstaked} <StakingForm
availableStakeToRemove={stakeNextEpoch} pubkey={vegaKey.pub}
/> nodeId={nodeInfo.id}
</section> nodeName={nodeInfo.name}
</> availableStakeToAdd={unstaked}
availableStakeToRemove={stakeNextEpoch}
/>
</section>
</>
) : (
<>
<h2>{t('Connect to see your stake')}</h2>
<ConnectToVega />
</>
)}
</div>
); );
}; };

1
apps/token/src/routes/staking/staking-nodes-container.tsx
View File

@ -85,7 +85,6 @@ export const StakingNodesContainer = ({
STAKING_QUERY, STAKING_QUERY,
{ {
variables: { partyId: keypair?.pub || '' }, variables: { partyId: keypair?.pub || '' },
skip: !keypair?.pub,
} }
); );