Fix mweb console && floating action button

Author: PiyushChandra17

client/modules/IDE/components/FloatingActionButton.jsx

@@ -38,17 +38,20 @@ const Button = styled.button`
   }
 `;
 
-const FloatingActionButton = (props) => {
+const FloatingActionButton = ({ syncFileContent, offsetBottom }) => {
   const isPlaying = useSelector((state) => state.ide.isPlaying);
   const dispatch = useDispatch();
 
   return (
     <Button
       className={classNames({ stop: isPlaying })}
-      style={{ paddingLeft: isPlaying ? 0 : remSize(5) }}
+      style={{
+        paddingLeft: isPlaying ? 0 : remSize(5),
+        bottom: offsetBottom
+      }}
       onClick={() => {
         if (!isPlaying) {
-          props.syncFileContent();
+          syncFileContent();
           dispatch(startSketch());
         } else dispatch(stopSketch());
       }}
@@ -59,7 +62,8 @@ const FloatingActionButton = (props) => {
 };
 
 FloatingActionButton.propTypes = {
-  syncFileContent: PropTypes.func.isRequired
+  syncFileContent: PropTypes.func.isRequired,
+  offsetBottom: PropTypes.number.isRequired
 };
 
 export default FloatingActionButton;

client/modules/IDE/pages/IDEView.jsx

@@ -208,13 +208,20 @@ const IDEView = () => {
             </main>
           ) : (
             <>
-              <FloatingActionButton syncFileContent={syncFileContent} />
+              <FloatingActionButton
+                syncFileContent={syncFileContent}
+                offsetBottom={ide.isPlaying ? consoleSize : 0}
+              />
               <PreviewWrapper show={ide.isPlaying}>
                 <SplitPane
                   style={{ position: 'static' }}
                   split="horizontal"
                   primary="second"
-                  minSize={200}
+                  size={ide.consoleIsExpanded ? consoleSize : 29}
+                  minSize={29}
+                  onChange={(size) => setConsoleSize(size)}
+                  allowResize={ide.consoleIsExpanded}
+                  className="editor-preview-subpanel"
                 >
                   <PreviewFrame
                     fullView