feat(react/settings): port network connections

apps/client/src/widgets/type_widgets/options/other.tsx

@@ -21,6 +21,7 @@ export default function OtherSettings() {
             <RevisionSnapshotInterval />
             <HtmlImportTags />
             <ShareSettings />
+            <NetworkSettings />
         </>
     )
 }
@@ -168,3 +169,17 @@ function ShareSettings() {
         </OptionsSection>
     )
 }
+
+function NetworkSettings() {
+    const [ checkForUpdates, setCheckForUpdates ] = useTriliumOptionBool("checkForUpdates");
+
+    return (
+        <OptionsSection title={t("network_connections.network_connections_title")}>
+            <FormCheckbox
+                name="check-for-updates"
+                label={t("network_connections.check_for_updates")}
+                currentValue={checkForUpdates} onChange={setCheckForUpdates}
+            />
+        </OptionsSection>
+    )
+}

apps/client/src/widgets/type_widgets/options/other/network_connections.ts

@@ -1,28 +0,0 @@
-import OptionsWidget from "../options_widget.js";
-import { t } from "../../../../services/i18n.js";
-import type { OptionMap } from "@triliumnext/commons";
-
-const TPL = /*html*/`
-<div class="options-section">
-    <h4>${t("network_connections.network_connections_title")}</h4>
-
-    <label class="tn-checkbox">
-        <input class="check-for-updates form-check-input" type="checkbox" name="check-for-updates">
-        ${t("network_connections.check_for_updates")}
-    </label>
-</div>`;
-
-export default class NetworkConnectionsOptions extends OptionsWidget {
-
-    private $checkForUpdates!: JQuery<HTMLElement>;
-
-    doRender() {
-        this.$widget = $(TPL);
-        this.$checkForUpdates = this.$widget.find(".check-for-updates");
-        this.$checkForUpdates.on("change", () => this.updateCheckboxOption("checkForUpdates", this.$checkForUpdates));
-    }
-
-    async optionsLoaded(options: OptionMap) {
-        this.setCheckboxState(this.$checkForUpdates, options.checkForUpdates);
-    }
-}