From 8deaf22544473e58791e4e9b65f874fe026d7ee1 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Tue, 26 Aug 2025 21:45:22 +0300
Subject: [PATCH] fix(quick_edit): classic toolbar not shown

---
 apps/client/src/layouts/layout_commons.tsx       | 3 ++-
 apps/client/src/widgets/ribbon/FormattingTab.tsx | 5 ++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/layouts/layout_commons.tsx b/apps/client/src/layouts/layout_commons.tsx
index 8468b47f7..dee74927a 100644
--- a/apps/client/src/layouts/layout_commons.tsx
+++ b/apps/client/src/layouts/layout_commons.tsx
@@ -30,6 +30,7 @@ import NoteDetailWidget from "../widgets/note_detail.js";
 import NoteListWidget from "../widgets/note_list.js";
 import CallToActionDialog from "../widgets/dialogs/call_to_action.jsx";
 import NoteTitleWidget from "../widgets/note_title.jsx";
+import FormattingTab from "../widgets/ribbon/FormattingTab.js";
 
 export function applyModals(rootContainer: RootContainer) {
     rootContainer
@@ -62,7 +63,7 @@ export function applyModals(rootContainer: RootContainer) {
                     .cssBlock(".title-row > * { margin: 5px; }")
                     .child(<NoteIconWidget />)
                     .child(<NoteTitleWidget />))
-                // .child(new ClassicEditorToolbar())
+                .child(<FormattingTab />)
                 .child(new PromotedAttributesWidget())
                 .child(new NoteDetailWidget())
                 .child(new NoteListWidget(true)))
diff --git a/apps/client/src/widgets/ribbon/FormattingTab.tsx b/apps/client/src/widgets/ribbon/FormattingTab.tsx
index d273044e4..555bd4529 100644
--- a/apps/client/src/widgets/ribbon/FormattingTab.tsx
+++ b/apps/client/src/widgets/ribbon/FormattingTab.tsx
@@ -1,4 +1,5 @@
 import { CSSProperties } from "preact/compat";
+import { useTriliumOption } from "../react/hooks";
 
 /**
  * Handles the editing toolbar when the CKEditor is in decoupled mode.
@@ -8,12 +9,14 @@ import { CSSProperties } from "preact/compat";
  * The ribbon item is active by default for text notes, as long as they are not in read-only mode.
  */
 export default function FormattingTab({ hidden }) {
+    const [ textNoteEditorType ] = useTriliumOption("textNoteEditorType");
+
     const style: CSSProperties = {};
     if (hidden) {
         style.display = "none";
     }
 
-    return (
+    return (textNoteEditorType === "ckeditor-classic" &&
         <div className="classic-toolbar-widget" style={style}>
 
         </div>