mirror of
https://github.com/maybe-finance/maybe.git
synced 2025-08-07 06:25:19 +02:00
45 lines
2 KiB
Text
45 lines
2 KiB
Text
|
<% content_for :sidebar do %>
|
||
|
|
<%= render "settings/nav" %>
|
||
|
|
<% end %>
|
||
|
|
|
||
|
|
<div class="space-y-4">
|
||
|
|
<h1 class="text-gray-900 text-xl font-medium mb-4"><%= t(".page_title") %></h1>
|
||
|
|
<%= settings_section title: t(".mfa_title"), subtitle: t(".mfa_description") do %>
|
||
|
|
<div class="space-y-4">
|
||
|
|
<div class="p-3 shadow-xs bg-white border border-alpha-black-200 rounded-lg flex justify-between items-center">
|
||
|
|
<div class="flex items-center gap-3">
|
||
|
|
<div class="w-9 h-9 rounded-full bg-gray-25 flex justify-center items-center">
|
||
|
|
<%= lucide_icon "shield-check", class: "w-5 h-5 text-gray-500" %>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="text-sm space-y-1">
|
||
|
|
<% if Current.user.otp_required? %>
|
||
|
|
<p class="text-gray-900">Two-factor authentication is <span class="font-medium text-green-600">enabled</span></p>
|
||
|
|
<p class="text-gray-500">Your account is protected with an additional layer of security.</p>
|
||
|
|
<% else %>
|
||
|
|
<p class="text-gray-900">Two-factor authentication is <span class="font-medium text-red-600">disabled</span></p>
|
||
|
|
<p class="text-gray-500">Enable 2FA to add an extra layer of security to your account.</p>
|
||
|
|
<% end %>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<% if Current.user.otp_required? %>
|
||
|
|
<%= button_to t(".disable_mfa"), disable_mfa_path,
|
||
|
|
method: :delete,
|
||
|
|
class: "btn btn--secondary flex items-center gap-1",
|
||
|
|
data: { turbo_confirm: {
|
||
|
|
title: t(".disable_mfa_confirm"),
|
||
|
|
body: t(".disable_mfa_confirm"),
|
||
|
|
accept: t(".disable_mfa"),
|
||
|
|
acceptClass: "w-full bg-red-500 text-white rounded-xl text-center p-[10px] border mb-2"
|
||
|
|
} } %>
|
||
|
|
<% else %>
|
||
|
|
<%= link_to t(".enable_mfa"), new_mfa_path,
|
||
|
|
class: "btn btn--primary flex items-center gap-1" %>
|
||
|
|
<% end %>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<% end %>
|
||
|
|
|
||
|
|
<%= settings_nav_footer %>
|
||
|
|
</div>
|