From f95b5d6f14ca64def763d70cbf01e39f36c4bb39 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 9 Aug 2025 16:55:51 +0300
Subject: [PATCH] feat(react/bulk_actions): port delete revisions

---
 .../widgets/bulk_actions/note/delete_note.tsx |  6 ++--
 .../bulk_actions/note/delete_revisions.ts     | 32 -------------------
 .../bulk_actions/note/delete_revisions.tsx    | 28 ++++++++++++++++
 3 files changed, 31 insertions(+), 35 deletions(-)
 delete mode 100644 apps/client/src/widgets/bulk_actions/note/delete_revisions.ts
 create mode 100644 apps/client/src/widgets/bulk_actions/note/delete_revisions.tsx

diff --git a/apps/client/src/widgets/bulk_actions/note/delete_note.tsx b/apps/client/src/widgets/bulk_actions/note/delete_note.tsx
index 9369ffc2f..3879f1858 100644
--- a/apps/client/src/widgets/bulk_actions/note/delete_note.tsx
+++ b/apps/client/src/widgets/bulk_actions/note/delete_note.tsx
@@ -9,11 +9,11 @@ function DeleteNoteBulkActionComponent({ bulkAction }: { bulkAction: AbstractBul
             bulkAction={bulkAction}
             label={<><Icon icon="bx bx-trash" /> {t("delete_note.delete_matched_notes")}</>}
             helpText={<>
-                <p>${t("delete_note.delete_matched_notes_description")}</p>
+                <p>{t("delete_note.delete_matched_notes_description")}</p>
 
-                <p>${t("delete_note.undelete_notes_instruction")}</p>
+                <p>{t("delete_note.undelete_notes_instruction")}</p>
 
-                ${t("delete_note.erase_notes_instruction")}
+                {t("delete_note.erase_notes_instruction")}
             </>}
         />
     );
diff --git a/apps/client/src/widgets/bulk_actions/note/delete_revisions.ts b/apps/client/src/widgets/bulk_actions/note/delete_revisions.ts
deleted file mode 100644
index 08cd0be74..000000000
--- a/apps/client/src/widgets/bulk_actions/note/delete_revisions.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { t } from "../../../services/i18n.js";
-import AbstractBulkAction from "../abstract_bulk_action.js";
-
-const TPL = /*html*/`
-<tr>
-    <td colspan="2">
-        <span class="bx bx-trash"></span>
-        ${t("delete_revisions.delete_note_revisions")}
-    </td>
-    <td class="button-column">
-        <div class="dropdown help-dropdown">
-            <span class="bx bx-help-circle icon-action" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
-            <div class="dropdown-menu dropdown-menu-right p-4">
-                ${t("delete_revisions.all_past_note_revisions")}
-            </div>
-        </div>
-        <span class="bx bx-x icon-action action-conf-del"></span>
-    </td>
-</tr>`;
-
-export default class DeleteRevisionsBulkAction extends AbstractBulkAction {
-    static get actionName() {
-        return "deleteRevisions";
-    }
-    static get actionTitle() {
-        return t("delete_revisions.delete_note_revisions");
-    }
-
-    doRender() {
-        return $(TPL);
-    }
-}
diff --git a/apps/client/src/widgets/bulk_actions/note/delete_revisions.tsx b/apps/client/src/widgets/bulk_actions/note/delete_revisions.tsx
new file mode 100644
index 000000000..40e33a2d8
--- /dev/null
+++ b/apps/client/src/widgets/bulk_actions/note/delete_revisions.tsx
@@ -0,0 +1,28 @@
+import { t } from "../../../services/i18n.js";
+import Icon from "../../react/Icon.jsx";
+import AbstractBulkAction from "../abstract_bulk_action.js";
+import BulkAction from "../BulkAction.jsx";
+
+function DeleteRevisionsBulkActionComponent({ bulkAction }: { bulkAction: AbstractBulkAction }) {
+    return (
+        <BulkAction
+            bulkAction={bulkAction}
+            label={<><Icon icon="bx bx-trash" /> {t("delete_revisions.delete_note_revisions")}</>}
+            helpText={t("delete_revisions.all_past_note_revisions")}
+        />
+    )
+}
+
+
+export default class DeleteRevisionsBulkAction extends AbstractBulkAction {
+    static get actionName() {
+        return "deleteRevisions";
+    }
+    static get actionTitle() {
+        return t("delete_revisions.delete_note_revisions");
+    }
+
+    doRender() {
+        return <DeleteRevisionsBulkActionComponent bulkAction={this} />
+    }
+}