From 5f65d85d00ab3ae2948bed81d0476bb0d8c06d4f Mon Sep 17 00:00:00 2001
From: Sylvie Crowe <107814465+oneirocosm@users.noreply.github.com>
Date: Mon, 20 Jan 2025 19:33:28 -0800
Subject: [PATCH] fix: shrink the ssh connection box when no error (#1781)

This removes the rendering of the overlay scrollbars component when
there are no error messages to scroll.
---
 frontend/app/block/blockframe.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/frontend/app/block/blockframe.tsx b/frontend/app/block/blockframe.tsx
index bd8cbeeba..26e0d9938 100644
--- a/frontend/app/block/blockframe.tsx
+++ b/frontend/app/block/blockframe.tsx
@@ -448,14 +448,16 @@ const ConnStatusOverlay = React.memo(
                         {showIcon && <i className="fa-solid fa-triangle-exclamation"></i>}
                         <div className="connstatus-status">
                             <div className="connstatus-status-text">{statusText}</div>
-                            <OverlayScrollbarsComponent
-                                className="connstatus-error"
-                                options={{ scrollbars: { autoHide: "leave" } }}
-                            >
-                                <CopyButton className="copy-button" onClick={handleCopy} title="Copy" />
-                                {showError ? <div>error: {connStatus.error}</div> : null}
-                                {showWshError ? <div>unable to use wsh: {connStatus.wsherror}</div> : null}
-                            </OverlayScrollbarsComponent>
+                            {(showError || showWshError) && (
+                                <OverlayScrollbarsComponent
+                                    className="connstatus-error"
+                                    options={{ scrollbars: { autoHide: "leave" } }}
+                                >
+                                    <CopyButton className="copy-button" onClick={handleCopy} title="Copy" />
+                                    {showError ? <div>error: {connStatus.error}</div> : null}
+                                    {showWshError ? <div>unable to use wsh: {connStatus.wsherror}</div> : null}
+                                </OverlayScrollbarsComponent>
+                            )}
                             {showWshError && (
                                 <Button className={reconClassName} onClick={handleDisableWsh}>
                                     always disable wsh