Docker/Maybe
Docker/Maybe
1
0
Fork 0
mirror of https://github.com/maybe-finance/maybe.git synced 2025-08-09 23:45:21 +02:00
Code Issues Releases Activity Actions

Improve dashboard/account charts and tooltips (#2157)

Browse source 
* Improve net worth hover

* Improve graph tooltip

* Use locales files for some text on net worth and account charts

* Consolidate and simplify trend change between net worth and account charts

* Fix test and self-review stuff

* Clean up some stuff on the holding sidebar
This commit is contained in:
Alex Hatzenbuhler 2025-04-28 13:57:32 -05:00 • committed by GitHub
parent e6b69c1f5c
commit 341a800b65
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
10 changed files with 37 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

13
app/views/pages/dashboard/_net_worth_chart.html.erb
View file

@ -3,19 +3,14 @@
<div class="flex justify-between gap-4 px-4">
<div class="space-y-2">
<div class="space-y-2">
<p class="text-sm text-secondary font-medium">Net Worth</p>
<p class="text-sm text-secondary font-medium"><%= t(".title") %></p>
<p class="text-primary -space-x-0.5 text-3xl font-medium">
<%= series.current.format %>
</p>
<% if series.trend.nil? %>
<p class="text-sm text-secondary">Data not available for the selected period</p>
<% elsif series.trend.direction.flat? %>
<p class="text-sm text-secondary">No change vs. prior period</p>
<p class="text-sm text-secondary"><%= t(".data_not_available") %></p>
<% else %>
<div class="flex items-center gap-2">
<%= render partial: "shared/trend_change", locals: { trend: series.trend } %>
<span class="text-sm text-secondary"><%= period.comparison_label %></span>
</div>
<%= render partial: "shared/trend_change", locals: { trend: series.trend, comparison_label: period.comparison_label } %>
<% end %>
</div>
</div>
@ -32,6 +27,6 @@
data-time-series-chart-data-value="<%= series.to_json %>"></div>
<% else %>
<div class="w-full h-full flex items-center justify-center">
<p class="text-secondary text-sm">No data available for the selected period.</p>
<p class="text-secondary text-sm"><%= t(".data_not_available") %></p>
</div>
<% end %>