From c7cfd67a011d5ccb36171b86388f259430bcd191 Mon Sep 17 00:00:00 2001
From: Perminder Singh <permindersingh506@yahoo.com>
Date: Wed, 4 Oct 2023 17:18:57 +0530
Subject: [PATCH 1/2] line sorted

---
 client/modules/IDE/pages/IDEView.jsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/client/modules/IDE/pages/IDEView.jsx b/client/modules/IDE/pages/IDEView.jsx
index 8e37441633..26a4ed4a3b 100644
--- a/client/modules/IDE/pages/IDEView.jsx
+++ b/client/modules/IDE/pages/IDEView.jsx
@@ -81,7 +81,7 @@ const IDEView = () => {
   const [consoleSize, setConsoleSize] = useState(150);
   const [sidebarSize, setSidebarSize] = useState(160);
   const [isOverlayVisible, setIsOverlayVisible] = useState(true);
-
+  const [, setMaxSize] = useState();
   const cmRef = useRef({});
 
   const autosaveIntervalRef = useRef(null);
@@ -127,6 +127,17 @@ const IDEView = () => {
       }
     };
   }, [shouldAutosave, dispatch]);
+  useEffect(() => {
+    const updateInnerWidth = () => {
+      setMaxSize(window.innerWidth);
+    };
+
+    window.addEventListener('resize', updateInnerWidth);
+
+    return () => {
+      window.removeEventListener('resize', updateInnerWidth);
+    };
+  }, [window.innerWidth]);
 
   return (
     <RootPage>
@@ -155,6 +166,7 @@ const IDEView = () => {
                 <Sidebar />
                 <SplitPane
                   split="vertical"
+                  maxSize={window.innerWidth * 0.965}
                   defaultSize="50%"
                   onChange={() => {
                     setIsOverlayVisible(true);

From fb847ec8cf35dfa7067e95514d547269c676e46b Mon Sep 17 00:00:00 2001
From: Perminder Singh <127239756+perminder-17@users.noreply.github.com>
Date: Mon, 27 Nov 2023 20:23:05 +0530
Subject: [PATCH 2/2] Code clearing.jsx

---
 client/modules/IDE/pages/IDEView.jsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/modules/IDE/pages/IDEView.jsx b/client/modules/IDE/pages/IDEView.jsx
index a6213ed11b..33253a579a 100644
--- a/client/modules/IDE/pages/IDEView.jsx
+++ b/client/modules/IDE/pages/IDEView.jsx
@@ -82,7 +82,7 @@ const IDEView = () => {
   const [consoleSize, setConsoleSize] = useState(150);
   const [sidebarSize, setSidebarSize] = useState(160);
   const [isOverlayVisible, setIsOverlayVisible] = useState(false);
-  const [, setMaxSize] = useState();
+  const [MaxSize, setMaxSize] = useState(window.innerWidth);
 
   const cmRef = useRef({});
 
@@ -128,8 +128,8 @@ const IDEView = () => {
     };
   }, [shouldAutosave, dispatch]);
   useEffect(() => {
-    const updateInnerWidth = () => {
-      setMaxSize(window.innerWidth);
+    const updateInnerWidth = (e) => {
+      setMaxSize(e.target.innerWidth);
     };
 
     window.addEventListener('resize', updateInnerWidth);
@@ -137,7 +137,7 @@ const IDEView = () => {
     return () => {
       window.removeEventListener('resize', updateInnerWidth);
     };
-  }, [window.innerWidth]);
+  }, [setMaxSize]);
 
   return (
     <RootPage>
@@ -166,7 +166,7 @@ const IDEView = () => {
                 <Sidebar />
                 <SplitPane
                   split="vertical"
-                  maxSize={window.innerWidth * 0.965}
+                  maxSize={MaxSize * 0.965}
                   defaultSize="50%"
                   onChange={() => {
                     setIsOverlayVisible(true);