show main panel on hide bottom panel

Author: Aniket-Engg

libs/remix-ui/terminal/src/lib/components/remix-ui-terminal-menu-maximize.tsx

@@ -1,6 +1,5 @@
 import { CustomTooltip } from '@remix-ui/helper'
 import React from 'react' // eslint-disable-line
-import { FormattedMessage } from 'react-intl'
 import { RemixUiTerminalProps } from '../types/terminalTypes'
 
 export const RemixUITerminalMenuMaximize = (props: RemixUiTerminalProps) => {

libs/remix-ui/terminal/src/lib/components/remix-ui-terminal-menu-toggle.tsx

@@ -5,6 +5,10 @@ import { RemixUiTerminalProps } from '../types/terminalTypes'
 export const RemixUITerminalMenuToggle = (props: RemixUiTerminalProps) => {
 
   async function handleToggleTerminal(): Promise<void> {
+    // If panel is maximized, un-maximize it first to show main panel
+    if (props.isMaximized && props.maximizePanel) {
+      await props.maximizePanel()
+    }
     // Toggle the bottom terminal panel using terminal-wrap component
     await props.plugin.call('terminal', 'togglePanel')
   }