mirror of
https://github.com/maybe-finance/maybe.git
synced 2025-08-08 23:15:24 +02:00
Component namespacing (#2463)
* [claudesquad] update from 'component-namespacing' on 18 Jul 25 07:23 EDT * [claudesquad] update from 'component-namespacing' on 18 Jul 25 07:30 EDT * Update stimulus controller references to use namespace * Fix remaining tests
This commit is contained in:
parent
d5b147f2cd
commit
ab6fdbbb68
182 changed files with 322 additions and 321 deletions
|
@ -29,7 +29,7 @@
|
|||
<%= f.date_field :date, label: t(".date"), required: true, min: Entry.min_supported_date, max: Date.current, value: Date.current %>
|
||||
</section>
|
||||
|
||||
<%= render DisclosureComponent.new(title: t(".details")) do %>
|
||||
<%= render DS::Disclosure.new(title: t(".details")) do %>
|
||||
<%= f.fields_for :entryable do |ef| %>
|
||||
<%= ef.select :tag_ids,
|
||||
Current.family.tags.alphabetically.pluck(:name, :id),
|
||||
|
|
|
@ -23,7 +23,7 @@
|
|||
class: "w-6 h-6 rounded-full",
|
||||
loading: "lazy" %>
|
||||
<% else %>
|
||||
<%= render FilledIconComponent.new(
|
||||
<%= render DS::FilledIcon.new(
|
||||
variant: :text,
|
||||
text: entry.name,
|
||||
size: "sm",
|
||||
|
|
|
@ -1,16 +1,16 @@
|
|||
<%= render DialogComponent.new(variant: "drawer", frame: "bulk_transaction_edit_drawer") do |dialog| %>
|
||||
<%= render DS::Dialog.new(variant: "drawer", frame: "bulk_transaction_edit_drawer") do |dialog| %>
|
||||
<% dialog.with_header(title: "Edit transactions", data: { bulk_select_target: "bulkEditDrawerHeader" }) %>
|
||||
|
||||
<% dialog.with_body do %>
|
||||
<%= styled_form_with url: transactions_bulk_update_path, scope: "bulk_update", class: "h-full flex flex-col justify-between gap-4", data: { turbo_frame: "_top" } do |form| %>
|
||||
<div class="space-y-4">
|
||||
<%= render DisclosureComponent.new(title: "Overview", open: true) do %>
|
||||
<%= render DS::Disclosure.new(title: "Overview", open: true) do %>
|
||||
<div class="pb-6 space-y-2">
|
||||
<%= form.date_field :date, label: "Date", max: Date.current %>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<%= render DisclosureComponent.new(title: "Transactions", open: true) do %>
|
||||
<%= render DS::Disclosure.new(title: "Transactions", open: true) do %>
|
||||
<div class="space-y-2">
|
||||
<%= form.collection_select :category_id, Current.family.categories.alphabetically, :id, :name, { prompt: "Select a category", label: "Category", class: "text-subdued" } %>
|
||||
<%= form.collection_select :merchant_id, Current.family.merchants.alphabetically, :id, :name, { prompt: "Select a merchant", label: "Merchant", class: "text-subdued" } %>
|
||||
|
@ -21,8 +21,8 @@
|
|||
</div>
|
||||
|
||||
<div class="flex justify-end gap-2 mt-auto">
|
||||
<%= render ButtonComponent.new(text: "Cancel", variant: "ghost", data: { action: "click->dialog#close" }) %>
|
||||
<%= render ButtonComponent.new(text: "Save", data: { bulk_select_scope_param: "bulk_update", action: "bulk-select#submitBulkRequest" }) %>
|
||||
<%= render DS::Button.new(text: "Cancel", variant: "ghost", data: { action: "click->dialog#close" }) %>
|
||||
<%= render DS::Button.new(text: "Save", data: { bulk_select_scope_param: "bulk_update", action: "bulk-select#submitBulkRequest" }) %>
|
||||
</div>
|
||||
<% end %>
|
||||
<% end %>
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
<h1 class="text-xl">Transactions</h1>
|
||||
<div class="flex items-center gap-5">
|
||||
<div class="flex items-center gap-2">
|
||||
<%= render MenuComponent.new do |menu| %>
|
||||
<%= render DS::Menu.new do |menu| %>
|
||||
<% menu.with_item(variant: "link", text: "New rule", href: new_rule_path(resource_type: "transaction"), icon: "plus", data: { turbo_frame: :modal }) %>
|
||||
<% menu.with_item(variant: "link", text: "Edit rules", href: rules_path, icon: "git-branch", data: { turbo_frame: :_top }) %>
|
||||
<% menu.with_item(variant: "link", text: "Edit categories", href: categories_path, icon: "shapes", data: { turbo_frame: :_top }) %>
|
||||
|
@ -14,7 +14,7 @@
|
|||
<% end %>
|
||||
|
||||
<div class="hidden md:flex">
|
||||
<%= render LinkComponent.new(
|
||||
<%= render DS::Link.new(
|
||||
text: t(".import"),
|
||||
icon: "download",
|
||||
variant: "outline",
|
||||
|
@ -23,7 +23,7 @@
|
|||
) %>
|
||||
</div>
|
||||
|
||||
<%= render LinkComponent.new(
|
||||
<%= render DS::Link.new(
|
||||
text: "New transaction",
|
||||
icon: "plus",
|
||||
variant: "primary",
|
||||
|
@ -32,7 +32,7 @@
|
|||
class: "hidden md:inline-flex"
|
||||
) %>
|
||||
|
||||
<%= render LinkComponent.new(
|
||||
<%= render DS::Link.new(
|
||||
icon: "plus",
|
||||
variant: "icon-inverse",
|
||||
href: new_transaction_path,
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<%= render DialogComponent.new do |dialog| %>
|
||||
<%= render DS::Dialog.new do |dialog| %>
|
||||
<% dialog.with_header(title: "New transaction") %>
|
||||
<% dialog.with_body do %>
|
||||
<%= render "form", entry: @entry, income_categories: @income_categories, expense_categories: @expense_categories %>
|
||||
|
|
|
@ -17,14 +17,13 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<%= render MenuComponent.new(variant: "button", no_padding: true) do |menu| %>
|
||||
<%= render DS::Menu.new(variant: "button", no_padding: true) do |menu| %>
|
||||
<% menu.with_button(
|
||||
id: "transaction-filters-button",
|
||||
type: "button",
|
||||
text: "Filter",
|
||||
variant: "outline",
|
||||
icon: "list-filter",
|
||||
data: { menu_target: "button" }
|
||||
icon: "list-filter"
|
||||
) %>
|
||||
|
||||
<% menu.with_custom_content do %>
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<%# locals: (form:) %>
|
||||
|
||||
<%= render TabsComponent.new(
|
||||
<%= render DS::Tabs.new(
|
||||
variant: :unstyled,
|
||||
active_tab: get_default_transaction_search_filter[:key],
|
||||
active_btn_classes: "bg-surface text-primary",
|
||||
|
@ -28,7 +28,7 @@
|
|||
<div class="flex justify-between items-center gap-2 bg-container p-3 shrink-0">
|
||||
<div>
|
||||
<% if @q.present? %>
|
||||
<%= render LinkComponent.new(
|
||||
<%= render DS::Link.new(
|
||||
text: t(".clear_filters"),
|
||||
variant: "ghost",
|
||||
href: transactions_path(clear_filters: true),
|
||||
|
@ -37,8 +37,8 @@
|
|||
</div>
|
||||
|
||||
<div>
|
||||
<%= render ButtonComponent.new(text: t(".cancel"), type: "button", variant: "ghost", data: { action: "menu#close" }) %>
|
||||
<%= render ButtonComponent.new(text: t(".apply")) %>
|
||||
<%= render DS::Button.new(text: t(".cancel"), type: "button", variant: "ghost", data: { action: "DS--menu#close" }) %>
|
||||
<%= render DS::Button.new(text: t(".apply")) %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -16,7 +16,7 @@
|
|||
merchant.name,
|
||||
nil %>
|
||||
<%= form.label :merchants, value: merchant.name, class: "text-sm text-primary flex items-center gap-2" do %>
|
||||
<%= render FilledIconComponent.new(
|
||||
<%= render DS::FilledIcon.new(
|
||||
variant: :text,
|
||||
hex_color: merchant.color,
|
||||
text: merchant.name,
|
||||
|
|
|
@ -16,7 +16,7 @@
|
|||
tag.name,
|
||||
nil %>
|
||||
<%= form.label :tags, value: tag.name, class: "text-sm text-primary flex items-center gap-2" do %>
|
||||
<%= render FilledIconComponent.new(
|
||||
<%= render DS::FilledIcon.new(
|
||||
variant: :text,
|
||||
hex_color: tag.color || Tag::UNCATEGORIZED_COLOR,
|
||||
text: tag.name,
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<%= render DialogComponent.new(variant: "drawer") do |dialog| %>
|
||||
<%= render DS::Dialog.new(variant: "drawer") do |dialog| %>
|
||||
<% dialog.with_header do %>
|
||||
<%= render "transactions/header", entry: @entry %>
|
||||
<% end %>
|
||||
|
@ -141,7 +141,7 @@
|
|||
<p class="text-secondary">Transfers and payments are special types of transactions that indicate money movement between 2 accounts.</p>
|
||||
</div>
|
||||
|
||||
<%= render LinkComponent.new(
|
||||
<%= render DS::Link.new(
|
||||
text: "Open matcher",
|
||||
icon: "arrow-left-right",
|
||||
variant: "outline",
|
||||
|
@ -157,7 +157,7 @@
|
|||
<p class="text-secondary"><%= t(".delete_subtitle") %></p>
|
||||
</div>
|
||||
|
||||
<%= render ButtonComponent.new(
|
||||
<%= render DS::Button.new(
|
||||
text: t(".delete"),
|
||||
variant: "outline-destructive",
|
||||
href: entry_path(@entry),
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue