Maybe/app/views/shared/_no_account_empty_state.html.erb

<div class="flex justify-center items-center h-[800px] text-sm">
  <div class="text-center flex flex-col items-center max-w-[300px]">
    <p class="text-gray-900 mb-1 font-medium"><%= t(".no_account_title") %></p>
    <p class="text-gray-500 mb-4"><%= t(".no_account_subtitle") %></p>
    <%= link_to new_account_path, class: "w-fit flex text-white text-sm font-medium items-center gap-1 bg-gray-900 rounded-lg p-2 pr-3", data: { turbo_frame: "modal" } do %>
      <%= lucide_icon("plus", class: "w-5 h-5") %>
      <span><%= t(".new_account") %></span>
    <% end %>
  </div>
</div>
Dashboard empty view (#707) * Added i18n for the Dashboard page. * Add a check for blank. Empty returned an error since @accounts was nil. * Remove subtitle when accounts are empty.. * Increased the padding-right value for the buttons. The sapce occupied by the icon made the button elements unbalanced. * Add refactor as suggested by Zach (https://github.com/maybe-finance/maybe/pull/707#discussion_r1588506443) * Extract empty state into a partial. * Render new partial if no accounts exist. * Moved translation text to shared directory. * Fix padding-right on New account button. * Lint fix * i18n tasks * Get tests passing with :test queue adapter --------- Co-authored-by: Zach Gollwitzer <zach.gollwitzer@gmail.com> 2024-05-03 12:11:31 +00:00			`<div class="flex justify-center items-center h-[800px] text-sm">`
			`<div class="text-center flex flex-col items-center max-w-[300px]">`
			`<p class="text-gray-900 mb-1 font-medium"><%= t(".no_account_title") %></p>`
			`<p class="text-gray-500 mb-4"><%= t(".no_account_subtitle") %></p>`
			`<%= link_to new_account_path, class: "w-fit flex text-white text-sm font-medium items-center gap-1 bg-gray-900 rounded-lg p-2 pr-3", data: { turbo_frame: "modal" } do %>`
			`<%= lucide_icon("plus", class: "w-5 h-5") %>`
			`<span><%= t(".new_account") %></span>`
			`<% end %>`
			`</div>`
			`</div>`