feat(tauri/ui): price symbols

rainlanguage · Feb 12, 2024 · fed2213 · fed2213
1 parent 829cb76
commit fed2213
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/tauri-app/src/lib/components/ChartHistogram.svelte b/tauri-app/src/lib/components/ChartHistogram.svelte
@@ -9,6 +9,7 @@
   export let loading = false;
   export let emptyMessage = "None found"
   export let title: string | undefined = undefined;
+  export let priceSymbol: string | undefined = undefined;
 
   const TIME_DELTA_24_HOURS = 60 * 60 * 24;
   const TIME_DELTA_7_DAYS = TIME_DELTA_24_HOURS * 7;
@@ -43,7 +44,7 @@
   function setOptions() {
     if(chart === undefined) return;
 
-    chart.applyOptions({ ...$lightweightChartsTheme, autoSize: true, localization: { priceFormatter: (p: BarPrice) => p }});
+    chart.applyOptions({ ...$lightweightChartsTheme, autoSize: true, localization: { priceFormatter: (p: BarPrice) => priceSymbol ? `${p} ${priceSymbol}` : p }});
   }
 
   function setupChart() {

diff --git a/tauri-app/src/routes/vaults/[id]/+page.svelte b/tauri-app/src/routes/vaults/[id]/+page.svelte
@@ -115,7 +115,7 @@
       {/if}
     </Card>
 
-    <ChartHistogram title="Deposits & Withdrawals" priceUnit={vault.token.symbol} data={vaultListBalanceChangesAllChartDataSorted} loading={$vaultListBalanceChanges.isFetchingAll} emptyMessage="No deposits or withdrawals found" />
+    <ChartHistogram title="Deposits & Withdrawals" priceSymbol={vault.token.symbol} data={vaultListBalanceChangesAllChartDataSorted} loading={$vaultListBalanceChanges.isFetchingAll} emptyMessage="No deposits or withdrawals found" />
   </div>
 
   <div class="space-y-12">