diff --git a/src/frontend/src/modules/Meter/Transactions.vue b/src/frontend/src/modules/Meter/Transactions.vue index 54d687c44..be7375abb 100644 --- a/src/frontend/src/modules/Meter/Transactions.vue +++ b/src/frontend/src/modules/Meter/Transactions.vue @@ -23,8 +23,8 @@ - - Token {{ token.paid_for.token }} + + Token ({{ formatToken(token.paid_for.token) }}) {{ token.paid_for_type }} @@ -92,6 +92,13 @@ export default { this.transactions.tokens.length, ) }, + formatToken(token) { + // Ensure token is a string + const tokenStr = String(token); + // Format in the desired pattern + // return tokenStr.match(/.{1,4}/g).join('-'); // For "1234-1234-1234" + return tokenStr.match(/.{1,3}/g).join(' '); // For "123 412 341 234" + }, }, }