Docker/Maybe
Docker/Maybe
1
0
Fork 0
mirror of https://github.com/maybe-finance/maybe.git synced 2025-07-19 13:19:39 +02:00
Code Issues Releases Activity Actions 1

Add sidebar link helper (#435)

Browse source 
* Add helper for sidebar nav links

* Allow options to be passed down to sidebar link
This commit is contained in:
Josh Brown 2024-02-11 18:47:58 +00:00 • committed by GitHub
parent aef15c9371
commit e37ed2c988
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 21 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

18
app/helpers/application_helper.rb
View file

@ -18,6 +18,24 @@ module ApplicationHelper
render partial: "shared/modal", locals: { content: content }
end
def sidebar_link_to(name, path, options = {})
base_class_names = "block border border-transparent rounded-xl -ml-2 p-2 text-sm font-medium text-gray-500 flex items-center"
hover_class_names = "hover:bg-white hover:border-[#141414]/[0.07] hover:text-gray-900 hover:shadow-xs"
current_page_class_names = "bg-white border-[#141414]/[0.07] text-gray-900 shadow-xs"
link_class_names = class_names(
base_class_names,
hover_class_names,
current_page_class_names => current_page?(path)
)
merged_options = options.reverse_merge(class: link_class_names).except(:icon)
link_to path, merged_options do
lucide_icon(options[:icon], class: "w-5 h-5 mr-2") + name
end
end
def format_currency(number, options = {})
user_currency_preference = Current.family.try(:currency) || "USD"

15
app/views/layouts/application.html.erb
View file

@ -47,22 +47,13 @@
<nav>
<ul class="mt-6 space-y">
<li>
<%= link_to root_path, class: 'block hover:bg-white border border-transparent hover:border-[#141414]/[0.07] rounded-xl hover:text-gray-900 hover:shadow-xs -ml-2 p-2 text-sm font-medium text-gray-500 flex items-center' do %>
<%= lucide_icon('layout-grid', class: 'w-5 h-5 mr-2') %>
<%= t('.dashboard') %>
<% end %>
<%= sidebar_link_to t('.dashboard'), root_path, icon: 'layout-grid' %>
</li>
<li>
<%= link_to accounts_path, class: 'block hover:bg-white border border-transparent hover:border-[#141414]/[0.07] rounded-xl hover:text-gray-900 hover:shadow-xs -ml-2 p-2 text-sm font-medium text-gray-500 flex items-center' do %>
<%= lucide_icon('layers', class: 'w-5 h-5 mr-2') %>
<%= t('.accounts') %>
<% end %>
<%= sidebar_link_to t('.accounts'), accounts_path, icon: 'layers' %>
</li>
<li>
<%= link_to "#", class: 'block hover:bg-white border border-transparent hover:border-[#141414]/[0.07] rounded-xl hover:text-gray-900 hover:shadow-xs -ml-2 p-2 text-sm font-medium text-gray-500 flex items-center' do %>
<%= lucide_icon('credit-card', class: 'w-5 h-5 mr-2') %>
<%= t('.transactions') %>
<% end %>
<%= sidebar_link_to t('.transactions'), "#", icon: 'credit-card' %>
</li>
</ul>
</nav>