From 3e00e490cfb3c13fe111e7035cc7d0911fb639e5 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Fri, 15 Aug 2025 14:23:54 +0300
Subject: [PATCH] chore(react/settings): start porting protected session
 timeout

---
 .../src/widgets/type_widgets/options/password.tsx    | 12 +++++++++++-
 .../options/password/protected_session_timeout.ts    |  5 +----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/apps/client/src/widgets/type_widgets/options/password.tsx b/apps/client/src/widgets/type_widgets/options/password.tsx
index b83ddeb98..ecd14c9b8 100644
--- a/apps/client/src/widgets/type_widgets/options/password.tsx
+++ b/apps/client/src/widgets/type_widgets/options/password.tsx
@@ -11,12 +11,12 @@ import OptionsSection from "./components/OptionsSection"
 import protected_session_holder from "../../../services/protected_session_holder"
 import { ChangePasswordResponse } from "@triliumnext/commons"
 import dialog from "../../../services/dialog"
-import { reloadFrontendApp } from "../../../services/utils"
 
 export default function PasswordSettings() {
     return (
         <>
             <ChangePassword />
+            <ProtectedSessionTimeout />
         </>
     )
 }
@@ -101,4 +101,14 @@ function ChangePassword() {
             </form>
         </OptionsSection>
     )
+}
+
+function ProtectedSessionTimeout() {
+    return (
+        <OptionsSection title={t("password.protected_session_timeout")}>
+            {t("password.protected_session_timeout_description")}
+            &nbsp;
+            <a class="tn-link" href="https://triliumnext.github.io/Docs/Wiki/protected-notes.html" className="external">{t("password.wiki")}</a> {t("password.for_more_info")}
+        </OptionsSection>
+    )
 }
\ No newline at end of file
diff --git a/apps/client/src/widgets/type_widgets/options/password/protected_session_timeout.ts b/apps/client/src/widgets/type_widgets/options/password/protected_session_timeout.ts
index 060a2e4eb..f1c044c42 100644
--- a/apps/client/src/widgets/type_widgets/options/password/protected_session_timeout.ts
+++ b/apps/client/src/widgets/type_widgets/options/password/protected_session_timeout.ts
@@ -1,12 +1,9 @@
-import { t } from "../../../../services/i18n.js";
 import TimeSelector from "../time_selector.js";
 
 const TPL = /*html*/`
 <div class="options-section">
-    <h4>${t("password.protected_session_timeout")}</h4>
-
     <p class="form-text">
-        ${t("password.protected_session_timeout_description")} <a class="tn-link" href="https://triliumnext.github.io/Docs/Wiki/protected-notes.html" class="external">${t("password.wiki")}</a> ${t("password.for_more_info")}
+
     </p>
     <div id="time-selector-placeholder"></div>
 </div>`;