From 5d0bbce12df3b8693646e637519b6a029473951e Mon Sep 17 00:00:00 2001
From: Sheen Capadngan <sheensantoscapadngan@gmail.com>
Date: Thu, 17 Apr 2025 00:41:42 +0800
Subject: [PATCH] misc: added admin login url to tooltip

---
 .../OrgAuthTab/OrgGeneralAuthSection.tsx      | 20 ++++++++++++++++++-
 .../components/OrgAuthTab/OrgOIDCSection.tsx  | 20 ++++++++++++++++++-
 2 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/organization/SettingsPage/components/OrgAuthTab/OrgGeneralAuthSection.tsx b/frontend/src/pages/organization/SettingsPage/components/OrgAuthTab/OrgGeneralAuthSection.tsx
index 6e879b971..b9aa98c95 100644
--- a/frontend/src/pages/organization/SettingsPage/components/OrgAuthTab/OrgGeneralAuthSection.tsx
+++ b/frontend/src/pages/organization/SettingsPage/components/OrgAuthTab/OrgGeneralAuthSection.tsx
@@ -122,7 +122,25 @@ export const OrgGeneralAuthSection = () => {
               <span className="text-md text-mineshaft-100">Enable Admin SSO Bypass</span>
               <Tooltip
                 className="max-w-lg"
-                content="When this is enabled, we strongly recommend enforcing MFA at the organization level."
+                content={
+                  <div>
+                    <span>
+                      When this is enabled, we strongly recommend enforcing MFA at the organization
+                      level.
+                    </span>
+                    <p className="mt-4">
+                      In case of a lockout, admins can use the admin login portal{" "}
+                      <a
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="underline underline-offset-2 hover:text-mineshaft-300"
+                        href={`${window.location.origin}/login/admin`}
+                      >
+                        here.
+                      </a>
+                    </p>
+                  </div>
+                }
               >
                 <FontAwesomeIcon
                   icon={faInfoCircle}
diff --git a/frontend/src/pages/organization/SettingsPage/components/OrgAuthTab/OrgOIDCSection.tsx b/frontend/src/pages/organization/SettingsPage/components/OrgAuthTab/OrgOIDCSection.tsx
index 33fbd4aeb..5d48ff583 100644
--- a/frontend/src/pages/organization/SettingsPage/components/OrgAuthTab/OrgOIDCSection.tsx
+++ b/frontend/src/pages/organization/SettingsPage/components/OrgAuthTab/OrgOIDCSection.tsx
@@ -205,7 +205,25 @@ export const OrgOIDCSection = (): JSX.Element => {
               <span className="text-md text-mineshaft-100">Enable Admin SSO Bypass</span>
               <Tooltip
                 className="max-w-lg"
-                content="When this is enabled, we strongly recommend enforcing MFA at the organization level."
+                content={
+                  <div>
+                    <span>
+                      When this is enabled, we strongly recommend enforcing MFA at the organization
+                      level.
+                    </span>
+                    <p className="mt-4">
+                      In case of a lockout, admins can use the admin login portal{" "}
+                      <a
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="underline underline-offset-2 hover:text-mineshaft-300"
+                        href={`${window.location.origin}/login/admin`}
+                      >
+                        here.
+                      </a>
+                    </p>
+                  </div>
+                }
               >
                 <FontAwesomeIcon
                   icon={faInfoCircle}