mirror of
https://github.com/we-promise/sure.git
synced 2026-04-18 11:34:13 +00:00
90a9546f32
* Add lookbook + viewcomponent, organize design system file * Build menu component * Button updates * More button fixes * Replace all menus with new ViewComponent * Checkpoint: fix tests, all buttons and menus converted * Split into Link and Button components for clarity * Button cleanup * Simplify custom confirmation configuration in views * Finalize button, link component API * Add toggle field to custom form builder + Component * Basic tabs component * Custom tabs, convert all menu / tab instances in app * Gem updates * Centralized icon helper * Update all icon usage to central helper * Lint fixes * Centralize all disclosure instances * Dialog replacements * Consolidation of all dialog styles * Test fixes * Fix app layout issues, move to component with slots * Layout simplification * Flakey test fix * Fix dashboard mobile issues * Finalize homepage * Lint fixes * Fix shadows and borders in dark mode * Fix tests * Remove stale class * Fix filled icon logic * Move transparent? to public interface
157 lines
6.0 KiB
Plaintext
157 lines
6.0 KiB
Plaintext
<div class="pt-safe space-y-4">
|
|
<div class="flex items-center gap-2 p-1.5">
|
|
<%= render LinkComponent.new(
|
|
text: "Back",
|
|
icon: "chevron-left",
|
|
href: previous_path,
|
|
variant: "ghost",
|
|
class: "hidden md:inline-flex"
|
|
) %>
|
|
|
|
<%= link_to previous_path, class: "hidden md:block uppercase bg-surface-inset-hover rounded-sm px-1 py-0.5 text-xs text-secondary shadow-sm ml-1 pointer-events-none", data: { controller: "hotkey", hotkey: "Escape" } do %>
|
|
<kbd>esc</kbd>
|
|
<% end %>
|
|
</div>
|
|
<nav class="space-y-4 hidden md:block">
|
|
<section class="space-y-2">
|
|
<div class="flex items-center gap-2 px-3">
|
|
<h3 class="uppercase text-secondary font-medium text-xs"><%= t(".general_section_title") %></h3>
|
|
<div class="h-px bg-alpha-black-100 w-full"></div>
|
|
</div>
|
|
<ul class="space-y-1">
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: t(".profile_label"), path: settings_profile_path, icon: "circle-user" %>
|
|
</li>
|
|
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: t(".preferences_label"), path: settings_preferences_path, icon: "bolt" %>
|
|
</li>
|
|
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: t(".security_label"), path: settings_security_path, icon: "shield-check" %>
|
|
</li>
|
|
|
|
<% if self_hosted? %>
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: t(".self_hosting_label"), path: settings_hosting_path, icon: "database" %>
|
|
</li>
|
|
<% end %>
|
|
<% unless self_hosted? %>
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: t(".billing_label"), path: settings_billing_path, icon: "circle-dollar-sign" %>
|
|
</li>
|
|
<% end %>
|
|
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: t(".accounts_label"), path: accounts_path, icon: "layers" %>
|
|
</li>
|
|
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: t(".imports_label"), path: imports_path, icon: "download" %>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section class="space-y-2">
|
|
<div class="flex items-center gap-2 px-3">
|
|
<h3 class="uppercase text-secondary font-medium text-xs"><%= t(".transactions_section_title") %></h3>
|
|
<div class="h-px bg-alpha-black-100 w-full"></div>
|
|
</div>
|
|
<ul class="space-y-1">
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: t(".tags_label"), path: tags_path, icon: "tags" %>
|
|
</li>
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: t(".categories_label"), path: categories_path, icon: "shapes" %>
|
|
</li>
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: "Rules", path: rules_path, icon: "git-branch" %>
|
|
</li>
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: t(".merchants_label"), path: family_merchants_path, icon: "store" %>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section class="space-y-2">
|
|
<div class="flex items-center gap-2 px-3">
|
|
<h3 class="uppercase text-secondary font-medium text-xs"><%= t(".other_section_title") %></h3>
|
|
<div class="h-px bg-alpha-black-100 w-full"></div>
|
|
</div>
|
|
<ul class="space-y-1">
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: t(".whats_new_label"), path: changelog_path, icon: "box" %>
|
|
<%= render "settings/settings_nav_item", name: t(".feedback_label"), path: feedback_path, icon: "megaphone" %>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<%= button_to session_path(Current.session), method: :delete, class: "flex items-center gap-2 px-3 py-2 rounded-lg text-sm text-destructive hover:bg-surface-hover w-full" do %>
|
|
<%= icon("log-out", color: "current") %>
|
|
<span><%= t(".logout") %></span>
|
|
<% end %>
|
|
</section>
|
|
</nav>
|
|
<nav class="space-y-4 overflow-y-auto md:hidden" id="mobile-settings-nav">
|
|
|
|
<ul class="flex space-y-1">
|
|
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: t(".profile_label"), path: settings_profile_path, icon: "circle-user" %>
|
|
</li>
|
|
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: t(".preferences_label"), path: settings_preferences_path, icon: "bolt" %>
|
|
</li>
|
|
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: t(".security_label"), path: settings_security_path, icon: "shield-check" %>
|
|
</li>
|
|
|
|
<% if self_hosted? %>
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: t(".self_hosting_label"), path: settings_hosting_path, icon: "database" %>
|
|
</li>
|
|
<% end %>
|
|
<% unless self_hosted? %>
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: t(".billing_label"), path: settings_billing_path, icon: "circle-dollar-sign" %>
|
|
</li>
|
|
<% end %>
|
|
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: t(".accounts_label"), path: accounts_path, icon: "layers" %>
|
|
</li>
|
|
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: t(".imports_label"), path: imports_path, icon: "download" %>
|
|
</li>
|
|
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: t(".tags_label"), path: tags_path, icon: "tags" %>
|
|
</li>
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: t(".categories_label"), path: categories_path, icon: "shapes" %>
|
|
</li>
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: t(".merchants_label"), path: family_merchants_path, icon: "store" %>
|
|
</li>
|
|
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: t(".whats_new_label"), path: changelog_path, icon: "box" %>
|
|
</li>
|
|
<li>
|
|
<%= render "settings/settings_nav_item", name: t(".feedback_label"), path: feedback_path, icon: "megaphone" %>
|
|
</li>
|
|
|
|
<%= button_to session_path(Current.session), method: :delete, class: "flex items-center gap-2 px-3 py-2 rounded-lg text-sm text-destructive hover:bg-surface-hover w-full" do %>
|
|
<%= icon("log-out") %>
|
|
<span><%= t(".logout") %></span>
|
|
<% end %>
|
|
|
|
</ul>
|
|
|
|
</nav>
|
|
</div>
|