From 812728ca5bf46c511395550eec045c7b0813fbf3 Mon Sep 17 00:00:00 2001 From: bunsenstraat Date: Tue, 4 Jan 2022 11:53:20 +0100 Subject: [PATCH] rm logs --- .../src/app/components/hidden-panel.tsx | 1 - apps/remix-ide/src/app/panels/layout.ts | 1 - apps/remix-ide/src/app/panels/tab-proxy.js | 1 - .../app/src/lib/remix-app/dragbar/dragbar.tsx | 21 ++++++++++++------- 4 files changed, 13 insertions(+), 11 deletions(-) diff --git a/apps/remix-ide/src/app/components/hidden-panel.tsx b/apps/remix-ide/src/app/components/hidden-panel.tsx index 151b25ddb7..bfdff5a11a 100644 --- a/apps/remix-ide/src/app/components/hidden-panel.tsx +++ b/apps/remix-ide/src/app/components/hidden-panel.tsx @@ -28,7 +28,6 @@ export class HiddenPanel extends AbstractPanel { } render () { - console.log(this.el) return this.el } diff --git a/apps/remix-ide/src/app/panels/layout.ts b/apps/remix-ide/src/app/panels/layout.ts index 0ef900d9ed..f4771ab656 100644 --- a/apps/remix-ide/src/app/panels/layout.ts +++ b/apps/remix-ide/src/app/panels/layout.ts @@ -30,7 +30,6 @@ export class Layout extends Plugin { } async onActivation (): Promise { - console.log('layout plugin activated') this.on('fileManager', 'currentFileChanged', () => { this.panels.editor.active = true this.panels.main.active = false diff --git a/apps/remix-ide/src/app/panels/tab-proxy.js b/apps/remix-ide/src/app/panels/tab-proxy.js index 1b776f1db8..267b54d853 100644 --- a/apps/remix-ide/src/app/panels/tab-proxy.js +++ b/apps/remix-ide/src/app/panels/tab-proxy.js @@ -210,7 +210,6 @@ export class TabProxy extends Plugin { } addTab (name, title, switchTo, close, icon) { - console.log('add tab', name) if (this._handlers[name]) return this.renderComponent() var slash = name.split('/') diff --git a/libs/remix-ui/app/src/lib/remix-app/dragbar/dragbar.tsx b/libs/remix-ui/app/src/lib/remix-app/dragbar/dragbar.tsx index 29c4eeda6b..429e49f638 100644 --- a/libs/remix-ui/app/src/lib/remix-app/dragbar/dragbar.tsx +++ b/libs/remix-ui/app/src/lib/remix-app/dragbar/dragbar.tsx @@ -15,18 +15,23 @@ const DragBar = (props: IRemixDragBarUi) => { const [offset, setOffSet] = useState(0) const nodeRef = React.useRef(null) // fix for strictmode - useEffect(() => { - // arbitrary time out to wait the the UI to be completely done - setTimeout(() => { - setOffSet(props.refObject.current.offsetLeft) - setDragBarPosX(offset + props.refObject.current.offsetWidth) - }, 1000) - }, []) - useEffect(() => { setDragBarPosX(offset + (props.hidden ? 0 : props.refObject.current.offsetWidth)) }, [props.hidden, offset]) + const handleResize = () => { + setOffSet(props.refObject.current.offsetLeft) + setDragBarPosX(props.refObject.current.offsetLeft + props.refObject.current.offsetWidth) + } + + useEffect(() => { + window.addEventListener('resize', handleResize) + // TODO: not a good way to wait on the ref doms element to be rendered of course + setTimeout(() => + handleResize(), 2000) + return () => window.removeEventListener('resize', handleResize) + }, []) + function stopDrag (e: MouseEvent, data: any) { setDragState(false) if (data.x < props.minWidth) {