add button to connect to previous connection

2024-07-20 03:39:47 +02:00
parent bc34e4d7fe
commit f1574c2e54
5 changed files with 80 additions and 28 deletions
@@ -8,9 +8,29 @@ export function ConnectionModal(connectionViewModel: ConnectionViewModel) {
  const previousAddressConverter: React.StateItemConverter<string> = (
    address: string
  ) => {
-    return DeletableListItem(address, () => {
-      connectionViewModel.removePreviousAddress(address);
-    });
+    function connnect() {
+      connectionViewModel.connectToAddress(address);
+    }
+
+    const cannotConnect = React.createProxyState(
+      [connectionViewModel.isConnected],
+      () => 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 (