From 24819ee07832a47ec3675ff3aa8f94d4be160357 Mon Sep 17 00:00:00 2001 From: Le Roux Bodenstein Date: Thu, 4 Sep 2025 08:47:58 +0100 Subject: [PATCH 1/2] always close the connection error toast when clicking an action --- .../components/connection-status-notifications.tsx | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/packages/compass-connections/src/components/connection-status-notifications.tsx b/packages/compass-connections/src/components/connection-status-notifications.tsx index 0edc03d8f15..b4ab893f3d3 100644 --- a/packages/compass-connections/src/components/connection-status-notifications.tsx +++ b/packages/compass-connections/src/components/connection-status-notifications.tsx @@ -201,16 +201,15 @@ const openConnectionFailedToast = ({ onReview={ onReviewClick ? () => { - if (!onDebugClick) { - // don't close the toast if there are two actions so that the user - // can still use the other one - closeToast(`connection-status--${failedToastId}`); - } + closeToast(`connection-status--${failedToastId}`); onReviewClick(); } : undefined } - onDebug={onDebugClick} + onDebug={() => { + closeToast(`connection-status--${failedToastId}`); + onDebugClick?.(); + }} /> ), variant: 'warning', From af1fe1f29f4845e0980ef1fdff56d8abb2f7fded Mon Sep 17 00:00:00 2001 From: Le Roux Bodenstein Date: Thu, 4 Sep 2025 08:52:34 +0100 Subject: [PATCH 2/2] break words so crazy errors don't break the layout --- .../src/components/connection-status-notifications.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/compass-connections/src/components/connection-status-notifications.tsx b/packages/compass-connections/src/components/connection-status-notifications.tsx index b4ab893f3d3..e40dc0cebc8 100644 --- a/packages/compass-connections/src/components/connection-status-notifications.tsx +++ b/packages/compass-connections/src/components/connection-status-notifications.tsx @@ -75,6 +75,7 @@ const connectionErrorActionsStyles = css({ const connectionErrorStyles = css({ display: 'flex', flexDirection: 'column', + wordBreak: 'break-word', }); const connectionErrorTitleStyles = css({