johba/harb
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: Raw number rendering for \taxPaidGes\ and \profit\ after load (#375)

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
openhands 2026-03-03 03:03:22 +00:00
parent 007a315f4f
commit 8f5910d30a
2 changed files with 8 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

5
kraiken-lib/src/format.ts
View file

@ -24,3 +24,8 @@ export function compactNumber(value: number): string {
export function commaNumber(value: number): string {
return value ? value.toLocaleString('en-US') : '0';
}
/** Format a token amount with comma grouping and 2 decimal places (e.g. "1,234.56") */
export function formatTokenAmount(value: number): string {
return value.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
}

6
web-app/src/components/collapse/CollapseActive.vue
View file

@ -42,11 +42,11 @@
<div v-if="!error || taxPaidGes !== undefined" class="profit-stats-wrapper">
<div class="profit-stats-item">
<div><b>Tax Paid</b></div>
<div>{{ taxPaidGes ?? '...' }} $KRK</div>
<div>{{ taxPaidGes !== undefined ? formatTokenAmount(taxPaidGes) : '...' }} $KRK</div>
</div>
<div class="profit-stats-item">
<div><b>Issuance Earned</b></div>
<div>{{ profit ?? '...' }} $KRK</div>
<div>{{ profit !== undefined ? formatTokenAmount(profit) : '...' }} $KRK</div>
</div>
<div class="profit-stats-item profit-stats-total">
<div><b>Total</b></div>
@ -88,7 +88,7 @@ import FButton from '@/components/fcomponents/FButton.vue';
import FTag from '@/components/fcomponents/FTag.vue';
import FSelect from '@/components/fcomponents/FSelect.vue';
import FCollapse from '@/components/fcomponents/FCollapse.vue';
import { compactNumber, weiToNumber } from 'kraiken-lib/format';
import { compactNumber, weiToNumber, formatTokenAmount } from 'kraiken-lib/format';
import { useUnstake } from '@/composables/useUnstake';
import { useAdjustTaxRate } from '@/composables/useAdjustTaxRates';
import { computed, ref, onMounted } from 'vue';