From f325930f6894cfc387d13eb44f84ace1e7d5239b Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 29 Nov 2025 19:37:38 +0200
Subject: [PATCH] chore(read-only-bar): use in-app help

---
 apps/client/src/translations/en/translation.json |  1 -
 apps/client/src/widgets/ReadOnlyNoteInfoBar.tsx  | 15 ++++++---------
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/apps/client/src/translations/en/translation.json b/apps/client/src/translations/en/translation.json
index 53427faae..8f6767d9a 100644
--- a/apps/client/src/translations/en/translation.json
+++ b/apps/client/src/translations/en/translation.json
@@ -1647,7 +1647,6 @@
   "read-only-info": {
     "read-only-note": "Currently viewing a read-only note.",
     "auto-read-only-note": "This note is shown in a read-only mode for faster loading.",
-    "auto-read-only-learn-more": "Learn more",
     "edit-note": "Edit note"
   },
   "note_types": {
diff --git a/apps/client/src/widgets/ReadOnlyNoteInfoBar.tsx b/apps/client/src/widgets/ReadOnlyNoteInfoBar.tsx
index f10939d47..fbbe6a2ba 100644
--- a/apps/client/src/widgets/ReadOnlyNoteInfoBar.tsx
+++ b/apps/client/src/widgets/ReadOnlyNoteInfoBar.tsx
@@ -3,6 +3,7 @@ import { t } from "../services/i18n";
 import { useIsNoteReadOnly, useNoteContext, useTriliumEvent } from "./react/hooks"
 import Button from "./react/Button";
 import InfoBar from "./react/InfoBar";
+import HelpButton from "./react/HelpButton";
 
 export default function ReadOnlyNoteInfoBar(props: {}) {
     const {note, noteContext} = useNoteContext();
@@ -17,20 +18,16 @@ export default function ReadOnlyNoteInfoBar(props: {}) {
                         {(isExplicitReadOnly) ? (
                             <div>{t("read-only-info.read-only-note")}</div>
                         ) : (
-                            <div> 
+                            <div>
                                 {t("read-only-info.auto-read-only-note")}
-                                &nbsp;
-                                <a class="tn-link"
-                                href="https://docs.triliumnotes.org/user-guide/concepts/notes/read-only-notes#automatic-read-only-mode">
-                                    
-                                    {t("read-only-info.auto-read-only-learn-more")}
-                                </a>
+                                {" "}
+                                <HelpButton helpPage="CoFPLs3dRlXc" />
                             </div>
                         )}
-                        
+
                         <Button text={t("read-only-info.edit-note")}
                                 icon="bx-pencil" onClick={() => enableEditing()} />
                     </div>
                 </InfoBar>
 
-}
\ No newline at end of file
+}