mirror of
https://github.com/we-promise/sure.git
synced 2026-04-14 09:34:05 +00:00
dcd0fdce8f
* feat: added hover effect on the sankey chart * small tweek for the opacity * Update app/javascript/controllers/sankey_chart_controller.js Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> Signed-off-by: Matthieu Ev <95125079+matthieuEv@users.noreply.github.com> * Update app/javascript/controllers/sankey_chart_controller.js Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> Signed-off-by: Matthieu Ev <95125079+matthieuEv@users.noreply.github.com> * feat: add tooltip to sankey chart * feat: switch sankey-graph and net-worth-graph --------- Signed-off-by: Matthieu Ev <95125079+matthieuEv@users.noreply.github.com> Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
53 lines
1.6 KiB
Plaintext
53 lines
1.6 KiB
Plaintext
<% content_for :page_header do %>
|
|
<div class="space-y-1 mb-6 flex gap-4 justify-between items-center lg:items-start">
|
|
<div class="space-y-1">
|
|
<h1 class="text-xl lg:text-3xl font-medium text-primary">Welcome back, <%= Current.user.first_name %></h1>
|
|
<p class="text-sm lg:text-base text-secondary">Here's what's happening with your finances</p>
|
|
</div>
|
|
|
|
<%= render DS::Link.new(
|
|
icon: "plus",
|
|
text: "New",
|
|
href: new_account_path,
|
|
frame: :modal,
|
|
class: "hidden lg:inline-flex"
|
|
) %>
|
|
|
|
<%= render DS::Link.new(
|
|
variant: "icon-inverse",
|
|
icon: "plus",
|
|
href: new_account_path,
|
|
frame: :modal,
|
|
class: "rounded-full lg:hidden"
|
|
) %>
|
|
</div>
|
|
<% end %>
|
|
|
|
<div class="w-full space-y-6 pb-24">
|
|
<% if Current.family.accounts.any? %>
|
|
<%= turbo_frame_tag "cashflow_sankey_section" do %>
|
|
<section class="bg-container py-4 rounded-xl shadow-border-xs mb-6">
|
|
<%= render partial: "pages/dashboard/cashflow_sankey", locals: {
|
|
sankey_data: @cashflow_sankey_data,
|
|
period: @cashflow_period
|
|
} %>
|
|
</section>
|
|
<% end %>
|
|
|
|
<section class="bg-container py-4 rounded-xl shadow-border-xs">
|
|
<%= render partial: "pages/dashboard/net_worth_chart", locals: {
|
|
balance_sheet: @balance_sheet,
|
|
period: @period
|
|
} %>
|
|
</section>
|
|
|
|
<section>
|
|
<%= render "pages/dashboard/balance_sheet", balance_sheet: @balance_sheet %>
|
|
</section>
|
|
<% else %>
|
|
<section>
|
|
<%= render "pages/dashboard/no_accounts_graph_placeholder" %>
|
|
</section>
|
|
<% end %>
|
|
</div>
|