mirror of
https://github.com/we-promise/sure.git
synced 2026-04-20 20:44:08 +00:00
9563ac6334
* Added i18n for the Dashboard page. * Add a check for blank. Empty returned an error since @accounts was nil. * Remove subtitle when accounts are empty.. * Increased the padding-right value for the buttons. The sapce occupied by the icon made the button elements unbalanced. * Add refactor as suggested by Zach (https://github.com/maybe-finance/maybe/pull/707#discussion_r1588506443) * Extract empty state into a partial. * Render new partial if no accounts exist. * Moved translation text to shared directory. * Fix padding-right on New account button. * Lint fix * i18n tasks * Get tests passing with :test queue adapter --------- Co-authored-by: Zach Gollwitzer <zach.gollwitzer@gmail.com>
69 lines
3.1 KiB
Plaintext
69 lines
3.1 KiB
Plaintext
<% content_for :sidebar do %>
|
|
<%= render "settings/nav" %>
|
|
<% end %>
|
|
<div class="space-y-4">
|
|
<div class="flex items-center justify-between">
|
|
<h1 class="text-xl font-medium text-gray-900">Accounts</h1>
|
|
<%= link_to new_account_path, class: "flex text-white text-sm font-medium items-center gap-1 bg-gray-900 rounded-lg p-2 pr-3", data: { turbo_frame: "modal" } do %>
|
|
<%= lucide_icon("plus", class: "w-5 h-5") %>
|
|
<span><%= t(".new_account") %></span>
|
|
<% end %>
|
|
</div>
|
|
<% if @accounts.empty? %>
|
|
<div class="flex justify-center items-center h-[800px] text-sm">
|
|
<div class="text-center flex flex-col items-center max-w-[300px]">
|
|
<p class="text-gray-900 mb-1 font-medium">No accounts yet</p>
|
|
<p class="text-gray-500 mb-4">Add an account either via connection, importing or entering manually.</p>
|
|
<%= link_to new_account_path, class: "w-fit flex text-white text-sm font-medium items-center gap-1 bg-gray-900 rounded-lg p-2 pr-3", data: { turbo_frame: "modal" } do %>
|
|
<%= lucide_icon("plus", class: "w-5 h-5") %>
|
|
<span><%= t(".new_account") %></span>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<% else %>
|
|
<div>
|
|
<% @accounts.by_provider.each do |item| %>
|
|
<details open class="bg-white group p-4 border border-alpha-black-25 shadow-xs rounded-xl">
|
|
<summary class="flex items-center gap-2">
|
|
<%= lucide_icon("chevron-down", class: "hidden group-open:block w-5 h-5 text-gray-500") %>
|
|
<%= lucide_icon("chevron-right", class: "group-open:hidden w-5 h-5 text-gray-500") %>
|
|
<% if item[:name] == "Manual accounts" %>
|
|
<div class="flex items-center justify-center h-8 w-8 rounded-full bg-black/5">
|
|
<%= lucide_icon("folder-pen", class: "w-5 h-5 text-gray-500") %>
|
|
</div>
|
|
<% end %>
|
|
<span class="text-sm font-medium text-gray-900">
|
|
<%= item[:name] %>
|
|
</span>
|
|
</summary>
|
|
<div class="space-y-4 mt-4">
|
|
<% item[:accounts].each do |group, accounts| %>
|
|
<div class="bg-gray-25 p-1 rounded-xl">
|
|
<div class="flex items-center px-4 py-2 text-xs font-medium text-gray-500">
|
|
<p><%= to_accountable_title(Accountable.from_type(group)) %></p>
|
|
<span class="text-gray-400 mx-2">·</span>
|
|
<p><%= accounts.count %></p>
|
|
<p class="ml-auto"><%= format_money accounts.sum(&:balance_money) %></p>
|
|
</div>
|
|
<div class="bg-white">
|
|
<% accounts.each do |account| %>
|
|
<%= render account %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</details>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
<div class="flex justify-between gap-4">
|
|
<% if self_hosted? %>
|
|
<%= previous_setting("Self-Hosting", settings_hosting_path) %>
|
|
<% else %>
|
|
<%= previous_setting("Billing", settings_billing_path) %>
|
|
<% end %>
|
|
<%= next_setting("Categories", transaction_categories_path) %>
|
|
</div>
|
|
</div>
|