| ... | ... | @@ -1461,22 +1461,34 @@ function SavedBackendListRow({ |
| 1461 | 1461 | </TooltipPopup> |
| 1462 | 1462 | </Tooltip> |
| 1463 | 1463 | ) : ( |
| 1464 | | <Button |
| 1465 | | size="xs" |
| 1466 | | variant="outline" |
| 1467 | | disabled={isConnecting || removingEnvironmentId === environmentId} |
| 1468 | | onClick={() => |
| 1469 | | void (isConnected ? onRemove(environmentId) : onConnect(environmentId)) |
| 1470 | | } |
| 1471 | | > |
| 1472 | | {isConnected |
| 1473 | | ? removingEnvironmentId === environmentId |
| 1474 | | ? "Disconnecting…" |
| 1475 | | : "Disconnect" |
| 1476 | | : isConnecting |
| 1477 | | ? "Connecting…" |
| 1478 | | : "Connect"} |
| 1479 | | </Button> |
| 1464 | <> |
| 1465 | {!isConnected ? ( |
| 1466 | <Button |
| 1467 | size="xs" |
| 1468 | variant="outline" |
| 1469 | disabled={removingEnvironmentId === environmentId} |
| 1470 | onClick={() => void onRemove(environmentId)} |
| 1471 | > |
| 1472 | {removingEnvironmentId === environmentId ? "Removing…" : "Remove"} |
| 1473 | </Button> |
| 1474 | ) : null} |
| 1475 | <Button |
| 1476 | size="xs" |
| 1477 | variant="outline" |
| 1478 | disabled={isConnecting || removingEnvironmentId === environmentId} |
| 1479 | onClick={() => |
| 1480 | void (isConnected ? onRemove(environmentId) : onConnect(environmentId)) |
| 1481 | } |
| 1482 | > |
| 1483 | {isConnected |
| 1484 | ? removingEnvironmentId === environmentId |
| 1485 | ? "Disconnecting…" |
| 1486 | : "Disconnect" |
| 1487 | : isConnecting |
| 1488 | ? "Connecting…" |
| 1489 | : "Connect"} |
| 1490 | </Button> |
| 1491 | </> |
| 1480 | 1492 | )} |
| 1481 | 1493 | </div> |
| 1482 | 1494 | </div> |