From a0577dc20279decf137ad6dcd701d363bd511c8a Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 20 Dec 2025 11:42:21 +0200
Subject: [PATCH] chore(right_pane): use menu instead of button for highlights
 list

---
 .../client/src/translations/en/translation.json |  1 +
 .../src/widgets/sidebar/HighlightsList.tsx      | 17 +++++++----------
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/apps/client/src/translations/en/translation.json b/apps/client/src/translations/en/translation.json
index a9ba89461..76d674985 100644
--- a/apps/client/src/translations/en/translation.json
+++ b/apps/client/src/translations/en/translation.json
@@ -1725,6 +1725,7 @@
     "title": "Highlights List",
     "options": "Options",
     "modal_title": "Configure Highlights List",
+    "menu_configure": "Configure highlights list...",
     "no_highlights": "No highlights found."
   },
   "quick-search": {
diff --git a/apps/client/src/widgets/sidebar/HighlightsList.tsx b/apps/client/src/widgets/sidebar/HighlightsList.tsx
index 7c3605361..e93db959c 100644
--- a/apps/client/src/widgets/sidebar/HighlightsList.tsx
+++ b/apps/client/src/widgets/sidebar/HighlightsList.tsx
@@ -32,16 +32,13 @@ export default function HighlightsList() {
             <RightPanelWidget
                 id="highlights"
                 title={t("highlights_list_2.title")}
-                buttons={(
-                    <ActionButton
-                        icon="bx bx-cog"
-                        text={t("highlights_list_2.options")}
-                        onClick={(e) => {
-                            e.stopPropagation();
-                            setShown(true);
-                        }}
-                    />
-                )}
+                contextMenuItems={[
+                    {
+                        title: t("highlights_list_2.menu_configure"),
+                        uiIcon: "bx bx-cog",
+                        handler: () => setShown(true)
+                    }
+                ]}
             >
                 {noteType === "text" && isReadOnly && <ReadOnlyTextHighlightsList />}
                 {noteType === "text" && !isReadOnly && <EditableTextHighlightsList />}