QT/sure
1
0
Fork 0
mirror of https://github.com/we-promise/sure.git synced 2026-04-19 20:14:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

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
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>