feat(react/widgets): port toggle sidebar

apps/client/src/widgets/mobile_widgets/toggle_sidebar_button.ts

@@ -1,18 +0,0 @@
-import BasicWidget from "../basic_widget.js";
-
-const TPL = /*html*/`
-<button type="button" class="action-button bx bx-sidebar"></button>`;
-
-class ToggleSidebarButtonWidget extends BasicWidget {
-    doRender() {
-        this.$widget = $(TPL);
-
-        this.$widget.on("click", () =>
-            this.triggerCommand("setActiveScreen", {
-                screen: "tree"
-            })
-        );
-    }
-}
-
-export default ToggleSidebarButtonWidget;

apps/client/src/widgets/mobile_widgets/toggle_sidebar_button.tsx

@@ -0,0 +1,18 @@
+import { useContext } from "preact/hooks";
+import ActionButton from "../react/ActionButton";
+import { ParentComponent } from "../react/react_utils";
+import { t } from "../../services/i18n";
+
+export default function ToggleSidebarButton() {
+    const parentComponent = useContext(ParentComponent);
+
+    return (
+        <ActionButton
+            icon="bx bx-sidebar"
+            text={t("note_tree.toggle-sidebar")}
+            onClick={() => parentComponent?.triggerCommand("setActiveScreen", {
+                screen: "tree"                
+            })}
+        />
+    )
+}