mirror of
https://github.com/maybe-finance/maybe.git
synced 2025-08-06 22:15:20 +02:00
d75be2282b
Since the very first 0.1.0-alpha.1 release, we've been moving quickly to add new features to the Maybe app. In doing so, some parts of the codebase have become outdated, unnecessary, or overly-complex as a natural result of this feature prioritization. Now that "core" Maybe is complete, we're moving into a second phase of development where we'll be working hard to improve the accuracy of existing features and build additional features on top of "core". This PR is a quick overhaul of the existing codebase aimed to: - Establish the brand new and simplified dashboard view (pictured above) - Establish and move towards the conventions introduced in Cursor rules and project design overview #1788 - Consolidate layouts and improve the performance of layout queries - Organize the core models of the Maybe domain (i.e. Account::Entry, Account::Transaction, etc.) and break out specific traits of each model into dedicated concerns for better readability - Remove stale / dead code from codebase - Remove overly complex code paths in favor of simpler ones
69 lines
2.7 KiB
Text
69 lines
2.7 KiB
Text
<div class="pb-12">
|
|
<%= render "budgets/budget_header",
|
|
budget: @budget,
|
|
previous_budget: @previous_budget,
|
|
next_budget: @next_budget,
|
|
latest_budget: @latest_budget %>
|
|
|
|
<div class="flex items-start gap-4">
|
|
<div class="w-[300px] space-y-4">
|
|
<div class="h-[300px] bg-white rounded-xl shadow-border-xs p-8">
|
|
<% if @budget.available_to_allocate.negative? %>
|
|
<%= render "budgets/over_allocation_warning", budget: @budget %>
|
|
<% else %>
|
|
<%= render "budgets/budget_donut", budget: @budget %>
|
|
<% end %>
|
|
</div>
|
|
|
|
<div>
|
|
<% if @budget.initialized? && @budget.available_to_allocate.positive? %>
|
|
<div class="flex gap-2 mb-2 rounded-lg bg-alpha-black-25 p-1">
|
|
<% base_classes = "rounded-md px-2 py-1 flex-1 text-center" %>
|
|
<% selected_tab = params[:tab].presence || "budgeted" %>
|
|
|
|
<%= link_to "Budgeted",
|
|
budget_path(@budget, tab: "budgeted"),
|
|
class: class_names(
|
|
base_classes,
|
|
"bg-white shadow-xs text-primary": selected_tab == "budgeted",
|
|
"text-secondary": selected_tab != "budgeted"
|
|
) %>
|
|
|
|
<%= link_to "Actual",
|
|
budget_path(@budget, tab: "actuals"),
|
|
class: class_names(
|
|
base_classes,
|
|
"bg-white shadow-xs text-primary": selected_tab == "actuals",
|
|
"text-secondary": selected_tab != "actuals"
|
|
) %>
|
|
</div>
|
|
|
|
<div class="bg-white rounded-xl shadow-border-xs">
|
|
<%= render selected_tab == "budgeted" ? "budgets/budgeted_summary" : "budgets/actuals_summary", budget: @budget %>
|
|
</div>
|
|
<% else %>
|
|
<div class="bg-white rounded-xl shadow-border-xs">
|
|
<%= render "budgets/actuals_summary", budget: @budget %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grow bg-white rounded-xl shadow-border-xs p-4">
|
|
<div class="flex items-center justify-between mb-4">
|
|
<h2 class="text-lg font-medium">Categories</h2>
|
|
|
|
<% if @budget.initialized? %>
|
|
<%= link_to budget_budget_categories_path(@budget), class: "btn btn--secondary flex items-center gap-2" do %>
|
|
<%= icon "settings-2", color: "gray" %>
|
|
<span>Edit</span>
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
|
|
<div class="bg-gray-25 rounded-xl p-1">
|
|
<%= render "budgets/budget_categories", budget: @budget %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|