Skip to content

Commit b2660d2

Browse files
sisoumraveux
sisou
authored and
mraveux
committed
Update Staking UI (hacky)
1 parent 6344ff4 commit b2660d2

File tree

12 files changed

+164
-118
lines changed

12 files changed

+164
-118
lines changed

‎src/components/staking/StakingGraphPage.vue

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -151,6 +151,12 @@ export default defineComponent({
151151
);
152152
const txs = await sendStaking({
153153
transaction: transaction.serialize(),
154+
recipientLabel: 'name' in activeValidator.value! ? activeValidator.value.name : 'Validator',
155+
// @ts-expect-error Not typed yet in Hub
156+
validatorImageUrl: 'logo' in activeValidator.value!
157+
&& !activeValidator.value.hasDefaultLogo
158+
? activeValidator.value.logo
159+
: undefined,
154160
}).catch((error) => {
155161
throw new Error(error.data);
156162
});
@@ -188,6 +194,13 @@ export default defineComponent({
188194
);
189195
const txs = await sendStaking({
190196
transaction: transaction.serialize(),
197+
recipientLabel: 'name' in activeValidator.value! ? activeValidator.value.name : 'Validator',
198+
// @ts-expect-error Not typed yet in Hub
199+
validatorAddress: activeValidator.value!.address,
200+
validatorImageUrl: ('logo' in activeValidator.value!
201+
&& !activeValidator.value.hasDefaultLogo)
202+
? activeValidator.value.logo
203+
: undefined,
191204
}).catch((error) => {
192205
throw new Error(error.data);
193206
});
@@ -230,6 +243,13 @@ export default defineComponent({
230243
);
231244
const txs = await sendStaking({
232245
transaction: transaction.serialize(),
246+
recipientLabel: 'name' in activeValidator.value! ? activeValidator.value.name : 'Validator',
247+
// @ts-expect-error Not typed yet in Hub
248+
validatorAddress: activeValidator.value!.address,
249+
validatorImageUrl: 'logo' in activeValidator.value! && !activeValidator.value.hasDefaultLogo
250+
? activeValidator.value.logo
251+
: undefined,
252+
amount: Math.abs(stakeDelta.value),
233253
}).catch((error) => {
234254
throw new Error(error.data);
235255
});

‎src/components/staking/StakingInfoPage.vue

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -158,6 +158,7 @@
158158
>
159159
<a href="#" slot="unstakeLink" @click="deactivateAll">{{ $t('un-stake all') }}</a>
160160
</i18n>
161+
<div v-else class="switch-validator"></div>
161162

162163
<!-- <button class="nq-button-s rewards-history" @click="$emit('next')">
163164
{{ $t('Rewards history') }} &gt;
@@ -280,6 +281,13 @@ export default defineComponent({
280281
281282
const txs = await sendStaking({
282283
transaction: transaction.serialize(),
284+
recipientLabel: 'name' in validator.value! ? validator.value.name : 'Validator',
285+
// @ts-expect-error Not typed yet in Hub
286+
validatorAddress: validator.value!.address,
287+
validatorImageUrl: 'logo' in validator.value! && !validator.value.hasDefaultLogo
288+
? validator.value.logo
289+
: undefined,
290+
amount: Math.abs(stake.value.activeBalance),
283291
});
284292
285293
if (!txs) {
@@ -359,6 +367,12 @@ export default defineComponent({
359367
360368
const txs = await sendStaking({
361369
transaction: transactions.map((tx) => tx.serialize()),
370+
recipientLabel: 'name' in validator.value! ? validator.value.name : 'Validator',
371+
// @ts-expect-error Not typed yet in Hub
372+
validatorAddress: validator.value!.address,
373+
validatorImageUrl: 'logo' in validator.value! && !validator.value.hasDefaultLogo
374+
? validator.value.logo
375+
: undefined,
362376
});
363377
364378
if (!txs) {

‎src/components/staking/ValidatorDetailsOverlay.vue

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -88,7 +88,7 @@ export default defineComponent({
8888
},
8989
setup(props, context) {
9090
const { activeAddress } = useAddressStore();
91-
const { activeStake, setStake } = useStakingStore();
91+
const { activeStake, setStake, activeValidator } = useStakingStore();
9292
9393
async function selectValidator() {
9494
const validatorLabelOrAddress = 'name' in props.validator
@@ -127,6 +127,18 @@ export default defineComponent({
127127
128128
const txs = await sendStaking({
129129
transaction: transaction.serialize(),
130+
senderLabel: 'name' in activeValidator.value! ? activeValidator.value.name : 'Validator',
131+
recipientLabel: 'name' in props.validator ? props.validator.name : 'Validator',
132+
// @ts-expect-error Not typed yet in Hub
133+
validatorAddress: props.validator.address,
134+
validatorImageUrl: 'logo' in props.validator && !props.validator.hasDefaultLogo
135+
? props.validator.logo
136+
: undefined,
137+
fromValidatorAddress: activeValidator.value!.address,
138+
fromValidatorImageUrl: 'logo' in activeValidator.value! && !activeValidator.value.hasDefaultLogo
139+
? activeValidator.value.logo
140+
: undefined,
141+
amount: activeStake.value.inactiveBalance,
130142
}).catch((error) => {
131143
throw new Error(error.data);
132144
});

‎src/i18n/de.po

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -955,7 +955,7 @@ msgstr "Krypto-Swaps werden derzeit gewartet."
955955
msgid "Deactivate validator"
956956
msgstr ""
957957

958-
#: src/components/staking/StakingInfoPage.vue:264
958+
#: src/components/staking/StakingInfoPage.vue:265
959959
msgid "Deactivating Stake"
960960
msgstr ""
961961

@@ -2429,7 +2429,7 @@ msgid "Send, receive and hold BTC in your wallet."
24292429
msgstr "Sende, empfange und verwahre BTC in deiner Wallet."
24302430

24312431
#: src/components/staking/StakingGraphPage.vue:139
2432-
#: src/components/staking/StakingGraphPage.vue:221
2432+
#: src/components/staking/StakingGraphPage.vue:234
24332433
msgid "Sending Staking Transaction"
24342434
msgstr ""
24352435

@@ -2439,7 +2439,7 @@ msgstr ""
24392439
msgid "Sending Transaction"
24402440
msgstr "Transaktion wird versendet"
24412441

2442-
#: src/components/staking/StakingInfoPage.vue:327
2442+
#: src/components/staking/StakingInfoPage.vue:335
24432443
msgid "Sending Unstaking Transaction"
24442444
msgstr ""
24452445

@@ -2583,10 +2583,10 @@ msgstr "Überspringen"
25832583
#: src/components/modals/SendModal.vue:636
25842584
#: src/components/modals/SendModal.vue:821
25852585
#: src/components/modals/StablecoinSendModal.vue:677
2586-
#: src/components/staking/StakingGraphPage.vue:275
2587-
#: src/components/staking/StakingInfoPage.vue:314
2588-
#: src/components/staking/StakingInfoPage.vue:391
2589-
#: src/components/staking/ValidatorDetailsOverlay.vue:163
2586+
#: src/components/staking/StakingGraphPage.vue:295
2587+
#: src/components/staking/StakingInfoPage.vue:322
2588+
#: src/components/staking/StakingInfoPage.vue:405
2589+
#: src/components/staking/ValidatorDetailsOverlay.vue:175
25902590
msgid "Something went wrong"
25912591
msgstr "Etwas ging schief"
25922592

@@ -2656,27 +2656,27 @@ msgstr ""
26562656
msgid "Store of value, got it"
26572657
msgstr "Wertaufbewahrung, verstanden"
26582658

2659-
#: src/components/staking/StakingGraphPage.vue:208
2659+
#: src/components/staking/StakingGraphPage.vue:221
26602660
msgid "Successfully added {amount} NIM to your stake with {validator}"
26612661
msgstr ""
26622662

2663-
#: src/components/staking/ValidatorDetailsOverlay.vue:147
2663+
#: src/components/staking/ValidatorDetailsOverlay.vue:159
26642664
msgid "Successfully changed validator to {validator}"
26652665
msgstr "Validator erfolgreich geändert zu {validator}"
26662666

2667-
#: src/components/staking/StakingInfoPage.vue:298
2667+
#: src/components/staking/StakingInfoPage.vue:306
26682668
msgid "Successfully deactivated {amount} NIM"
26692669
msgstr ""
26702670

2671-
#: src/components/staking/StakingGraphPage.vue:250
2671+
#: src/components/staking/StakingGraphPage.vue:270
26722672
msgid "Successfully deactivated {amount} NIM from your stake with {validator}"
26732673
msgstr ""
26742674

2675-
#: src/components/staking/StakingGraphPage.vue:171
2675+
#: src/components/staking/StakingGraphPage.vue:177
26762676
msgid "Successfully staked {amount} NIM with {validator}"
26772677
msgstr ""
26782678

2679-
#: src/components/staking/StakingInfoPage.vue:377
2679+
#: src/components/staking/StakingInfoPage.vue:391
26802680
msgid "Successfully unstaked {amount} NIM"
26812681
msgstr ""
26822682

‎src/i18n/en.po

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -880,7 +880,7 @@ msgstr ""
880880
msgid "Deactivate validator"
881881
msgstr ""
882882

883-
#: src/components/staking/StakingInfoPage.vue:264
883+
#: src/components/staking/StakingInfoPage.vue:265
884884
msgid "Deactivating Stake"
885885
msgstr ""
886886

@@ -2222,7 +2222,7 @@ msgid "Send, receive and hold BTC in your wallet."
22222222
msgstr ""
22232223

22242224
#: src/components/staking/StakingGraphPage.vue:139
2225-
#: src/components/staking/StakingGraphPage.vue:221
2225+
#: src/components/staking/StakingGraphPage.vue:234
22262226
msgid "Sending Staking Transaction"
22272227
msgstr ""
22282228

@@ -2232,7 +2232,7 @@ msgstr ""
22322232
msgid "Sending Transaction"
22332233
msgstr ""
22342234

2235-
#: src/components/staking/StakingInfoPage.vue:327
2235+
#: src/components/staking/StakingInfoPage.vue:335
22362236
msgid "Sending Unstaking Transaction"
22372237
msgstr ""
22382238

@@ -2375,10 +2375,10 @@ msgstr ""
23752375
#: src/components/modals/SendModal.vue:636
23762376
#: src/components/modals/SendModal.vue:821
23772377
#: src/components/modals/StablecoinSendModal.vue:677
2378-
#: src/components/staking/StakingGraphPage.vue:275
2379-
#: src/components/staking/StakingInfoPage.vue:314
2380-
#: src/components/staking/StakingInfoPage.vue:391
2381-
#: src/components/staking/ValidatorDetailsOverlay.vue:163
2378+
#: src/components/staking/StakingGraphPage.vue:295
2379+
#: src/components/staking/StakingInfoPage.vue:322
2380+
#: src/components/staking/StakingInfoPage.vue:405
2381+
#: src/components/staking/ValidatorDetailsOverlay.vue:175
23822382
msgid "Something went wrong"
23832383
msgstr ""
23842384

@@ -2448,27 +2448,27 @@ msgstr ""
24482448
msgid "Store of value, got it"
24492449
msgstr ""
24502450

2451-
#: src/components/staking/StakingGraphPage.vue:208
2451+
#: src/components/staking/StakingGraphPage.vue:221
24522452
msgid "Successfully added {amount} NIM to your stake with {validator}"
24532453
msgstr ""
24542454

2455-
#: src/components/staking/ValidatorDetailsOverlay.vue:147
2455+
#: src/components/staking/ValidatorDetailsOverlay.vue:159
24562456
msgid "Successfully changed validator to {validator}"
24572457
msgstr ""
24582458

2459-
#: src/components/staking/StakingInfoPage.vue:298
2459+
#: src/components/staking/StakingInfoPage.vue:306
24602460
msgid "Successfully deactivated {amount} NIM"
24612461
msgstr ""
24622462

2463-
#: src/components/staking/StakingGraphPage.vue:250
2463+
#: src/components/staking/StakingGraphPage.vue:270
24642464
msgid "Successfully deactivated {amount} NIM from your stake with {validator}"
24652465
msgstr ""
24662466

2467-
#: src/components/staking/StakingGraphPage.vue:171
2467+
#: src/components/staking/StakingGraphPage.vue:177
24682468
msgid "Successfully staked {amount} NIM with {validator}"
24692469
msgstr ""
24702470

2471-
#: src/components/staking/StakingInfoPage.vue:377
2471+
#: src/components/staking/StakingInfoPage.vue:391
24722472
msgid "Successfully unstaked {amount} NIM"
24732473
msgstr ""
24742474

‎src/i18n/es.po

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -953,7 +953,7 @@ msgstr "Intercambios de cripto estan actualmente en mantenimiento."
953953
msgid "Deactivate validator"
954954
msgstr ""
955955

956-
#: src/components/staking/StakingInfoPage.vue:264
956+
#: src/components/staking/StakingInfoPage.vue:265
957957
msgid "Deactivating Stake"
958958
msgstr ""
959959

@@ -2421,7 +2421,7 @@ msgid "Send, receive and hold BTC in your wallet."
24212421
msgstr "Envíe, reciba y almacene BTC en su billetera."
24222422

24232423
#: src/components/staking/StakingGraphPage.vue:139
2424-
#: src/components/staking/StakingGraphPage.vue:221
2424+
#: src/components/staking/StakingGraphPage.vue:234
24252425
msgid "Sending Staking Transaction"
24262426
msgstr ""
24272427

@@ -2431,7 +2431,7 @@ msgstr ""
24312431
msgid "Sending Transaction"
24322432
msgstr "Enviando Transacción"
24332433

2434-
#: src/components/staking/StakingInfoPage.vue:327
2434+
#: src/components/staking/StakingInfoPage.vue:335
24352435
msgid "Sending Unstaking Transaction"
24362436
msgstr ""
24372437

@@ -2575,10 +2575,10 @@ msgstr "Omitir"
25752575
#: src/components/modals/SendModal.vue:636
25762576
#: src/components/modals/SendModal.vue:821
25772577
#: src/components/modals/StablecoinSendModal.vue:677
2578-
#: src/components/staking/StakingGraphPage.vue:275
2579-
#: src/components/staking/StakingInfoPage.vue:314
2580-
#: src/components/staking/StakingInfoPage.vue:391
2581-
#: src/components/staking/ValidatorDetailsOverlay.vue:163
2578+
#: src/components/staking/StakingGraphPage.vue:295
2579+
#: src/components/staking/StakingInfoPage.vue:322
2580+
#: src/components/staking/StakingInfoPage.vue:405
2581+
#: src/components/staking/ValidatorDetailsOverlay.vue:175
25822582
msgid "Something went wrong"
25832583
msgstr "Algo ha salido mal"
25842584

@@ -2650,27 +2650,27 @@ msgstr ""
26502650
msgid "Store of value, got it"
26512651
msgstr "Reserva de valor, entendido"
26522652

2653-
#: src/components/staking/StakingGraphPage.vue:208
2653+
#: src/components/staking/StakingGraphPage.vue:221
26542654
msgid "Successfully added {amount} NIM to your stake with {validator}"
26552655
msgstr ""
26562656

2657-
#: src/components/staking/ValidatorDetailsOverlay.vue:147
2657+
#: src/components/staking/ValidatorDetailsOverlay.vue:159
26582658
msgid "Successfully changed validator to {validator}"
26592659
msgstr "Cambio el validador exitosamente a {validator}"
26602660

2661-
#: src/components/staking/StakingInfoPage.vue:298
2661+
#: src/components/staking/StakingInfoPage.vue:306
26622662
msgid "Successfully deactivated {amount} NIM"
26632663
msgstr ""
26642664

2665-
#: src/components/staking/StakingGraphPage.vue:250
2665+
#: src/components/staking/StakingGraphPage.vue:270
26662666
msgid "Successfully deactivated {amount} NIM from your stake with {validator}"
26672667
msgstr ""
26682668

2669-
#: src/components/staking/StakingGraphPage.vue:171
2669+
#: src/components/staking/StakingGraphPage.vue:177
26702670
msgid "Successfully staked {amount} NIM with {validator}"
26712671
msgstr ""
26722672

2673-
#: src/components/staking/StakingInfoPage.vue:377
2673+
#: src/components/staking/StakingInfoPage.vue:391
26742674
msgid "Successfully unstaked {amount} NIM"
26752675
msgstr ""
26762676

0 commit comments

Comments
 (0)