implement auto reconnect

2026-04-01 08:29:39 +00:00
parent c52d7b7685
commit 9d400a9929
82 changed files with 8340 additions and 7641 deletions
@@ -5,58 +5,62 @@ import { DeletableListItem } from "../Components/deletableListItem";
 import { translations } from "../translations";

 export function ConnectionModal(connectionViewModel: ConnectionViewModel) {
-  const previousAddressConverter: React.StateItemConverter<string> = (
-    address: string
-  ) => {
-    function connnect() {
-      connectionViewModel.connectToAddress(address);
-    }
+    const previousAddressConverter: React.StateItemConverter<string> = (
+        address: string,
+    ) => {
+        function connnect() {
+            connectionViewModel.connectToAddress(address);
+        }

-    const cannotConnect = React.createProxyState(
-      [connectionViewModel.isConnected],
-      () =>
-        connectionViewModel.isConnected.value == true &&
-        connectionViewModel.connectionModel.address == address
+        const cannotConnect = React.createProxyState(
+            [connectionViewModel.isConnected],
+            () =>
+                connectionViewModel.isConnected.value == true &&
+                connectionViewModel.connectionModel.address == address,
+        );
+
+        return DeletableListItem(
+            address,
+            <button
+                class="primary"
+                on:click={connnect}
+                toggle:disabled={cannotConnect}
+                aria-label={
+                    translations.connectionModal.connectButtonAudioLabel
+                }
+            >
+                <span class="icon">link</span>
+            </button>,
+            () => {
+                connectionViewModel.removePreviousAddress(address);
+            },
+        );
+    };
+
+    return (
+        <div
+            class="modal"
+            toggle:open={connectionViewModel.isShowingConnectionModal}
+        >
+            <div>
+                <main>
+                    <h2>
+                        {translations.connectionModal.connectionModalHeadline}
+                    </h2>
+
+                    <div
+                        class="flex-column gap"
+                        children:append={[
+                            connectionViewModel.previousAddresses,
+                            previousAddressConverter,
+                        ]}
+                    ></div>
+                </main>
+                <button on:click={connectionViewModel.hideConnectionModal}>
+                    {translations.general.closeButton}
+                    <span class="icon">close</span>
+                </button>
+            </div>
+        </div>
    );
-
-    return DeletableListItem(
-      address,
-      <button
-        class="primary"
-        on:click={connnect}
-        toggle:disabled={cannotConnect}
-        aria-label={translations.connectionModal.connectButtonAudioLabel}
-      >
-        <span class="icon">link</span>
-      </button>,
-      () => {
-        connectionViewModel.removePreviousAddress(address);
-      }
-    );
-  };
-
-  return (
-    <div
-      class="modal"
-      toggle:open={connectionViewModel.isShowingConnectionModal}
-    >
-      <div>
-        <main>
-          <h2>{translations.connectionModal.connectionModalHeadline}</h2>
-
-          <div
-            class="flex-column gap"
-            children:append={[
-              connectionViewModel.previousAddresses,
-              previousAddressConverter,
-            ]}
-          ></div>
-        </main>
-        <button on:click={connectionViewModel.hideConnectionModal}>
-          {translations.general.closeButton}
-          <span class="icon">close</span>
-        </button>
-      </div>
-    </div>
-  );
 }