From b1bb3ad983ac9e4ad0823eac830907aa213fc481 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 19 Jan 2025 21:11:19 +0200
Subject: [PATCH] feat(sidebar): move similar notes to sidebar

---
 src/public/app/layouts/desktop_layout.js       |  2 +-
 .../widgets/ribbon_widgets/similar_notes.ts    | 18 +++++++-----------
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/public/app/layouts/desktop_layout.js b/src/public/app/layouts/desktop_layout.js
index e73abde34..92cc09369 100644
--- a/src/public/app/layouts/desktop_layout.js
+++ b/src/public/app/layouts/desktop_layout.js
@@ -191,7 +191,6 @@ export default class DesktopLayout {
                                                                 .ribbon(new OwnedAttributeListWidget())
                                                                 .ribbon(new InheritedAttributesWidget())
                                                                 .ribbon(new NoteMapRibbonWidget())
-                                                                .ribbon(new SimilarNotesWidget())
                                                                 .ribbon(new NoteInfoWidget())
                                                                 .button(new RevisionsButton())
                                                                 .button(new NoteActionsWidget())
@@ -237,6 +236,7 @@ export default class DesktopLayout {
                                             .child(new NotePathsWidget())
                                             .child(new TocWidget())
                                             .child(new HighlightsListWidget())
+                                            .child(new SimilarNotesWidget())
                                             .child(...this.customWidgets.get("right-pane"))
                                     )
                             )
diff --git a/src/public/app/widgets/ribbon_widgets/similar_notes.ts b/src/public/app/widgets/ribbon_widgets/similar_notes.ts
index f169b559d..30a410e36 100644
--- a/src/public/app/widgets/ribbon_widgets/similar_notes.ts
+++ b/src/public/app/widgets/ribbon_widgets/similar_notes.ts
@@ -5,6 +5,7 @@ import froca from "../../services/froca.js";
 import NoteContextAwareWidget from "../note_context_aware_widget.js";
 import type FNote from "../../entities/fnote.js";
 import type { EventData } from "../../components/app_context.js";
+import RightPanelWidget from "../right_panel_widget.js";
 
 const TPL = `
 <div class="similar-notes-widget">
@@ -41,7 +42,7 @@ interface SimilarNote {
 }
 
 
-export default class SimilarNotesWidget extends NoteContextAwareWidget {
+export default class SimilarNotesWidget extends RightPanelWidget {
 
     private $similarNotesWrapper!: JQuery<HTMLElement>;
     private title?: string;
@@ -59,19 +60,14 @@ export default class SimilarNotesWidget extends NoteContextAwareWidget {
         return super.isEnabled() && this.note?.type !== "search" && !this.note?.isLabelTruthy("similarNotesWidgetDisabled");
     }
 
-    getTitle() {
-        return {
-            show: this.isEnabled(),
-            title: t("similar_notes.title"),
-            icon: "bx bx-bar-chart"
-        };
+    get widgetTitle() {
+        return t("similar_notes.title");
     }
 
-    doRender() {
-        this.$widget = $(TPL);
-        this.contentSized();
+    async doRenderBody() {
+        this.$body.empty().append($(TPL));
 
-        this.$similarNotesWrapper = this.$widget.find(".similar-notes-wrapper");
+        this.$similarNotesWrapper = this.$body.find(".similar-notes-wrapper");
     }
 
     async refreshWithNote(note: FNote) {