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