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.
This commit is contained in:
Sylvie Crowe 2025-01-20 19:33:28 -08:00 committed by GitHub
parent 5ee1f4bbe9
commit 5f65d85d00
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -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