Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix: Response Pane height context restore issue in some cases (#17750)

Browse Source
This commit is contained in:
Hetu Nandu 2022-10-20 18:23:47 +05:30 committed by GitHub
parent ddff993722
commit ff15074f82
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/client/src/components/editorComponents/Debugger/Resizer/index.tsx
View File

@ -1,6 +1,7 @@
import { Layers } from "constants/Layers"; import { Layers } from "constants/Layers";
import React, { useState, useEffect, RefObject } from "react"; import React, { useState, useEffect, RefObject } from "react";
import styled, { css } from "styled-components"; import styled, { css } from "styled-components";
import { ActionExecutionResizerHeight } from "pages/Editor/APIEditor/constants";
export const ResizerCSS = css` export const ResizerCSS = css`
width: 100%; width: 100%;
@ -30,15 +31,20 @@ type ResizerProps = {
function Resizer(props: ResizerProps) { function Resizer(props: ResizerProps) {
const [mouseDown, setMouseDown] = useState(false); const [mouseDown, setMouseDown] = useState(false);
const [height, setHeight] = useState( const [height, setHeight] = useState(
props.panelRef.current?.getBoundingClientRect().height || 0, props.initialHeight ||
props.panelRef.current?.getBoundingClientRect().height ||
ActionExecutionResizerHeight,
); );
// On mount and update, set the initial height of the component
useEffect(() => { useEffect(() => {
if (!props.initialHeight) return; if (!props.initialHeight) return;
const panel = props.panelRef.current; const panel = props.panelRef.current;
if (!panel) return; if (!panel) return;
panel.style.height = `${props.initialHeight}px`; panel.style.height = `${props.initialHeight}px`;
setHeight(props.initialHeight); if (height !== props.initialHeight) {
setHeight(props.initialHeight);
}
}, [props.initialHeight]); }, [props.initialHeight]);
const handleResize = (movementY: number) => { const handleResize = (movementY: number) => {