2534 v 2078 bug ticket

[paolampilla]

Related Issue

Closes #2534

Description of Changes

• VOT3/B3TR card - fiat conversion only works when an account has B3TR. When an account has B3TR & VOT3 or just VOT3, the token card is always 0 $/€
• Account card - when an account has VOT3 the account card shows 0 €/$
• Graph - in dark mode, the graph is all purple, so it's difficult to see. Perhaps as a short term fix, we have a white colour for the chart line.
• Button in inactive state is transparent.
• testnet browser - white buttons in light mode.
• Discovery page - history is incorrect colour.
• Insufficient VTHO warning in dark - I understand in wrong colour.
• Loading skeleton from balance in Account Card was the wrong color

Reviewer(s)

@Doublemme

UI/UX Changes

VOT3/B3TR card fiat balance

Account card fiat balance

Loading Skeleton color on account card

Graph color dark mode

Button inactive state

testnet browser icon color

Discovery page history icon color

Insufficient VTHO warning

Checklist

• Code adheres to project guidelines and conventions.
• Unit tests, if applicable, are updated and passing.
• Documentation, if applicable, has been updated.
• UI/UX changes include visuals (video or screenshots).

---

Thank you for contributing! 🎉

[github-actions]

Jest Report

Summary

Lines	Statements	Branches	Functions
	92.99% (1753/1885)	85.34% (530/621)	95.87% (302/315)

Tests

Tests	Skipped	Failures	Errors	Time
872	0 💤	0 ❌	0 🔥	13m 46s ⏱️

Coverage (92%)

File	% Stmts	% Branch	% Funcs	% Lines	Uncovered Line #s
All files	92.99	85.34	95.87	92.75
AccountUtils	100	100	100	100
AccountUtils.ts	100	100	100	100
ActivityUtils	100	100	100	100
ActivityUtils.ts	100	100	100	100
AddressUtils	100	100	100	100
AddressUtils.ts	100	100	100	100
AlertUtils	100	100	80	100
Alert.ts	100	100	80	100
ArrayUtils	100	100	100	100
ArrayUtils.ts	100	100	100	100
BalanceUtils	97.87	80	100	97.61
BalanceUtils.ts	97.87	80	100	97.61	78
BigNumberUtils	100	97.22	100	100
BigNumberUtils.ts	100	97.22	100	100	184
BiometricsUtils	95.38	95	91.66	96.29
BiometricErrors.ts	88.88	91.66	80	91.3	54–55
Biometrics.ts	100	100	100	100
BloomUtils	100	100	100	100
BloomUtils.ts	100	100	100	100
CacheKeyUtils	100	100	100	100
CacheKeyUtils.ts	100	100	100	100
ColorUtils	100	100	100	100
ColorUtils.ts	100	100	100	100
CryptoUtils	96.59	78.57	100	97.56
CryptoUtils.ts	96.59	78.57	100	97.56	50, 68
CryptoUtils/Helpers	76.34	58.62	88.88	76.34
fastKeystoreDecrypt.ts	76.34	58.62	88.88	76.34	33, 53, 69, 75, 80, 104, 110, 126, 138–162
CryptoUtils_Legacy	100	100	100	100
CryptoUtils_Legacy.ts	100	100	100	100
CryptoUtils_Legacy/Helpers	76.34	58.62	88.88	76.34
fastKeystoreDecrypt.ts	76.34	58.62	88.88	76.34	33, 53, 69, 75, 80, 104, 110, 126, 138–162
DAppUtils	63.15	52.83	75	61.81
DAppUtils.ts	63.15	52.83	75	61.81	58, 65–116
DateUtils	100	100	100	100
DateUtils.ts	100	100	100	100
DeviceUtils	100	100	100	100
DeviceUtils.ts	100	100	100	100
ErrorMessageUtils	100	100	100	100
ErrorMessageUtils.ts	100	100	100	100
FormUtils	100	100	100	100
FormUtils.ts	100	100	100	100
FormattingUtils	96.87	91.66	100	100
FormattingUtils.ts	96.87	91.66	100	100	26
GasUtils	93.05	73.8	100	94.11
GasUtils.ts	93.05	73.8	100	94.11	52, 202–206
HexUtils	94.28	75	100	100
HexUtils.ts	94.28	75	100	100	63–65
IPFSUtils	100	100	100	100
IPFSUtils.ts	100	100	100	100
LedgerUtils	75.24	91.66	83.33	73.95
LedgerUtils.ts	75.24	91.66	83.33	73.95	83–87, 125–150, 179–184, 229–237, 294, 313–314
LocaleUtils	100	50	100	100
LocaleUtils.ts	100	50	100	100	6
LockScreenUtils	100	100	100	100
LockScreenUtils.ts	100	100	100	100
Logger	95	80	100	95
Logger.ts	95	80	100	95	38
MathUtils	100	100	100	100
MathUtils.ts	100	100	100	100
MediaUtils	100	95.65	100	100
MediaUtils.ts	100	95.65	100	100	78
MergeUtils	100	100	100	100
MergeUtils.ts	100	100	100	100
PasswordUtils	76.19	50	50	75
PasswordUtils.ts	76.19	50	50	75	63–64, 68, 72–73
PicassoUtils	100	100	100	100
PicassoUtils.ts	100	100	100	100
PlatformUtils	100	100	100	100
PlatformUtils.ts	100	100	100	100
ReanimatedUtils	91.89	73.33	100	93.93
Reanimated.ts	91.89	73.33	100	93.93	51, 63
SemanticVersionUtils	100	100	100	100
SemanticVersionUtils.ts	100	100	100	100
SignMessageUtils	100	100	100	100
SignMessageUtils.ts	100	100	100	100
StringUtils	100	100	100	100
StringUtils.ts	100	100	100	100
TokenUtils	100	100	100	100
TokenUtils.ts	100	100	100	100
TransactionUtils	97.26	92.1	97.29	97.64
TransactionUtils.ts	97.26	92.1	97.29	97.64	706–712, 802–806
TransfersUtils	100	80	100	100
TransfersUtils.ts	100	80	100	100	100
URIUtils	100	100	100	100
URIUtils.ts	100	100	100	100
WalletConnectUtils	89.9	90.9	88.23	90.29
WalletConnectUtils.tsx	89.9	90.9	88.23	90.29	24–47

[Doublemme]

not need to declare true, if you provide the props is already true

[paolampilla]

in this case it's needed because it's a discriminated union, setting to true is telling what set of props the component should accept. At runtime it would work but for development typescript has an issue with it