{title &&
{title}
}
{children}
diff --git a/apps/client/src/widgets/shared_info.ts b/apps/client/src/widgets/shared_info.ts
deleted file mode 100644
index b6170a3c7..000000000
--- a/apps/client/src/widgets/shared_info.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import NoteContextAwareWidget from "./note_context_aware_widget.js";
-import options from "../services/options.js";
-import attributeService from "../services/attributes.js";
-import { t } from "../services/i18n.js";
-import type FNote from "../entities/fnote.js";
-import type { EventData } from "../components/app_context.js";
-
-const TPL = /*html*/`
-
`;
-
-export default class SharedInfoWidget extends NoteContextAwareWidget {
-
- private $sharedLink!: JQuery
;
- private $sharedText!: JQuery;
-
- isEnabled() {
- return super.isEnabled() && this.noteId !== "_share" && this.note?.hasAncestor("_share");
- }
-
- doRender() {
- this.$widget = $(TPL);
- this.$sharedLink = this.$widget.find(".shared-link");
- this.$sharedText = this.$widget.find(".shared-text");
- this.contentSized();
- }
-
- async refreshWithNote(note: FNote) {
- const syncServerHost = options.get("syncServerHost");
- let link;
-
- const shareId = this.getShareId(note);
-
- if (syncServerHost) {
- link = `${syncServerHost}/share/${shareId}`;
- this.$sharedText.text(t("shared_info.shared_publicly"));
- } else {
- let host = location.host;
- if (host.endsWith("/")) {
- // seems like IE has trailing slash
- // https://github.com/zadam/trilium/issues/3782
- host = host.substr(0, host.length - 1);
- }
-
- link = `${location.protocol}//${host}${location.pathname}share/${shareId}`;
- this.$sharedText.text(t("shared_info.shared_locally"));
- }
-
- this.$sharedLink.attr("href", link).text(link);
- }
-
- getShareId(note: FNote) {
- if (note.hasOwnedLabel("shareRoot")) {
- return "";
- }
-
- return note.getOwnedLabelValue("shareAlias") || note.noteId;
- }
-
- entitiesReloadedEvent({ loadResults }: EventData<"entitiesReloaded">) {
- if (loadResults.getAttributeRows().find((attr) => attr.name?.startsWith("_share") && attributeService.isAffecting(attr, this.note))) {
- this.refresh();
- } else if (loadResults.getBranchRows().find((branch) => branch.noteId === this.noteId)) {
- this.refresh();
- }
- }
-}
diff --git a/apps/client/src/widgets/shared_info.tsx b/apps/client/src/widgets/shared_info.tsx
new file mode 100644
index 000000000..15bf53b1a
--- /dev/null
+++ b/apps/client/src/widgets/shared_info.tsx
@@ -0,0 +1,74 @@
+import { useEffect, useState } from "preact/hooks";
+import { t } from "../services/i18n";
+import Alert from "./react/Alert";
+import { useNoteContext, useTriliumEvent, useTriliumOption } from "./react/hooks";
+import FNote from "../entities/fnote";
+import attributes from "../services/attributes";
+import RawHtml from "./react/RawHtml";
+import HelpButton from "./react/HelpButton";
+
+export default function SharedInfo() {
+ const { note } = useNoteContext();
+ const [ syncServerHost ] = useTriliumOption("syncServerHost");
+ const [ link, setLink ] = useState();
+
+ function refresh() {
+ if (!note) return;
+ if (note.noteId === "_share" || !note?.hasAncestor("_share")) {
+ setLink(undefined);
+ return;
+ }
+
+ let link;
+ const shareId = getShareId(note);
+
+ if (syncServerHost) {
+ link = `${syncServerHost}/share/${shareId}`;
+ } else {
+ let host = location.host;
+ if (host.endsWith("/")) {
+ // seems like IE has trailing slash
+ // https://github.com/zadam/trilium/issues/3782
+ host = host.substring(0, host.length - 1);
+ }
+
+ link = `${location.protocol}//${host}${location.pathname}share/${shareId}`;
+ }
+
+ setLink(`${link}`);
+ }
+
+ useEffect(refresh, [ note ]);
+ useTriliumEvent("entitiesReloaded", ({ loadResults }) => {
+ if (loadResults.getAttributeRows().find((attr) => attr.name?.startsWith("_share") && attributes.isAffecting(attr, note))) {
+ refresh();
+ } else if (loadResults.getBranchRows().find((branch) => branch.noteId === note?.noteId)) {
+ refresh();
+ }
+ });
+
+ return (
+
+ {link && (
+
+ )}
+
+
+ )
+}
+
+function getShareId(note: FNote) {
+ if (note.hasOwnedLabel("shareRoot")) {
+ return "";
+ }
+
+ return note.getOwnedLabelValue("shareAlias") || note.noteId;
+}
\ No newline at end of file