diff --git a/packages/page-claims/src/index.tsx b/packages/page-claims/src/index.tsx index 5eb630746b..7d767b59bd 100644 --- a/packages/page-claims/src/index.tsx +++ b/packages/page-claims/src/index.tsx @@ -38,6 +38,7 @@ interface State extends TxModalState { step: Step; } +// FIXME no embedded components (hossible to tweak) const Payload = styled.pre` cursor: copy; font-family: monospace; @@ -72,6 +73,7 @@ const Signature = styled.textarea` } `; +// FIXME Not React.FC yet class ClaimsApp extends TxModal { constructor (props: Props) { super(props); @@ -99,11 +101,9 @@ class ClaimsApp extends TxModal { const { api, systemChain = '', t } = this.props; const { accountId, didCopy, ethereumAddress, signature, step } = this.state; + const prefix = u8aToString(api.consts.claims.prefix.toU8a(true)); const payload = accountId - ? ( - u8aToString(api.consts.claims.prefix.toU8a(true)) + - u8aToHex(decodeAddress(accountId), -1, false) - ) + ? `${prefix}${u8aToHex(decodeAddress(accountId), -1, false)}` : ''; return ( @@ -131,7 +131,6 @@ class ClaimsApp extends TxModal {