Added missing panels

libs/remix-ui/debugger-ui/src/lib/vm-debugger/dropdown-panel.tsx

@@ -38,8 +38,8 @@ export const DropdownPanel = (props: DropdownPanelProps) => {
     })
 
     useEffect(() => {
-        update(calldata, header)
+        update(calldata)
-    }, [calldata, header])
+    }, [calldata])
 
     useEffect(() => {
         message(dropdownMessage)
@@ -99,7 +99,7 @@ export const DropdownPanel = (props: DropdownPanelProps) => {
         })
     }
 
-    const update = function (calldata, header) {
+    const update = function (calldata) {
         setState(prevState => {
             return {
                 ...prevState,
@@ -179,7 +179,7 @@ export const DropdownPanel = (props: DropdownPanelProps) => {
     }
     const title = <div className="py-0 px-1 title">
         <div className={state.toggleDropdown ? 'icon fas fa-caret-down' : 'icon fas fa-caret-right'} onClick={handleToggle}></div>
-        <div className="name" onClick={handleToggle}>{dropdownName}</div><span className="nameDetail" onClick={handleToggle}></span>
+<div className="name" onClick={handleToggle}>{dropdownName}</div><span className="nameDetail" onClick={handleToggle}>{ header }</span>
         <CopyToClipboard getContent={copyClipboard} />
     </div>
 

libs/remix-ui/debugger-ui/src/lib/vm-debugger/stack-panel.tsx

@@ -2,7 +2,6 @@ import React from 'react'
 import DropdownPanel from './dropdown-panel'
 
 export const StackPanel = ({ calldata }) => {
-    console.log('calldata: ', calldata)
     return (
         <div id="stackpanel">
             <DropdownPanel dropdownName='Stack' opts={{ json: true }} calldata={calldata} />

libs/remix-ui/debugger-ui/src/lib/vm-debugger/vm-debugger.tsx

@@ -64,10 +64,10 @@ export const VmDebugger = ({ vmDebuggerLogic, ready }) => {
     <div id="vmdebugger" className="px-2">
       <div>
         <StackPanel calldata={stackPanel || {}} />
-        {/* <MemoryPanel calldata={memoryPanel} /> */}
+        <MemoryPanel calldata={memoryPanel || {}} />
-        {/* <StoragePanel storage={storagePanel.calldata} header={storagePanel.header} /> */}
+        <StoragePanel storage={storagePanel.calldata || {}} header={storagePanel.header} />
-        {/* <CallstackPanel calldata={callStackPanel} /> */}
+        <CallstackPanel calldata={callStackPanel || {}} />
-        {/* <CalldataPanel calldata={calldataPanel} /> */}
+        <CalldataPanel calldata={calldataPanel || {}} />
       </div>
     </div>
   )