From bda9562d61e8124d41d1e6ae92db805bb44ea5cb Mon Sep 17 00:00:00 2001 From: Ashika Anand Babu Date: Mon, 11 Aug 2025 15:14:27 -0700 Subject: [PATCH 1/6] Update Security UI to match all other Settings --- frontend/src/locales/en/common.js | 23 ++++---- .../pages/GeneralSettings/Security/index.jsx | 52 +++++++++++-------- 2 files changed, 42 insertions(+), 33 deletions(-) diff --git a/frontend/src/locales/en/common.js b/frontend/src/locales/en/common.js index 3d2e0b1515c..c53da517e03 100644 --- a/frontend/src/locales/en/common.js +++ b/frontend/src/locales/en/common.js @@ -682,17 +682,20 @@ const TRANSLATIONS = { }, }, - multi: { - title: "Multi-User Mode", - description: - "Set up your instance to support your team by activating Multi-User Mode.", - enable: { - "is-enable": "Multi-User Mode is Enabled", - enable: "Enable Multi-User Mode", + security: { + title: "Security", + multiuser: { + title: "Multi-User Mode", description: - "By default, you will be the only admin. As an admin you will need to create accounts for all new users or admins. Do not lose your password as only an Admin user can reset passwords.", - username: "Admin account username", - password: "Admin account password", + "Set up your instance to support your team by activating Multi-User Mode.", + enable: { + "is-enable": "Multi-User Mode is Enabled", + enable: "Enable Multi-User Mode", + description: + "By default, you will be the only admin. As an admin you will need to create accounts for all new users or admins. Do not lose your password as only an Admin user can reset passwords.", + username: "Admin account username", + password: "Admin account password", + }, }, password: { title: "Password Protection", diff --git a/frontend/src/pages/GeneralSettings/Security/index.jsx b/frontend/src/pages/GeneralSettings/Security/index.jsx index 9974c947cc0..4e102f7a0d7 100644 --- a/frontend/src/pages/GeneralSettings/Security/index.jsx +++ b/frontend/src/pages/GeneralSettings/Security/index.jsx @@ -10,6 +10,7 @@ import CTAButton from "@/components/lib/CTAButton"; import { useTranslation } from "react-i18next"; export default function GeneralSecurity() { + const { t } = useTranslation(); return (
@@ -17,6 +18,11 @@ export default function GeneralSecurity() { style={{ height: isMobile ? "100%" : "calc(100% - 32px)" }} className="relative md:ml-[2px] md:mr-[16px] md:my-[16px] md:rounded-[16px] bg-theme-bg-secondary w-full h-full overflow-y-scroll p-4 md:p-0" > +
+

+ {t("security.title")} +

+
@@ -86,17 +92,17 @@ function MultiUserMode() {
setHasChanges(true)} - className="flex flex-col w-full px-1 md:pl-6 md:pr-[50px] md:py-6 py-16" + className="flex flex-col w-full px-1 md:pl-6 md:pr-[50px]" > -
-
+
+
-

- {t("multi.title")} +

+ {t("security.multiuser.title")}

- {t("multi.description")} + {t("security.multiuser.description")}

{hasChanges && ( @@ -115,10 +121,10 @@ function MultiUserMode() {
-