Commit f0dbdb9e authored by LianaHus's avatar LianaHus Committed by ioedeveloper

style fixes

parent 272c9057
...@@ -10,7 +10,7 @@ export const FunctionPanel = ({ data }) => { ...@@ -10,7 +10,7 @@ export const FunctionPanel = ({ data }) => {
}, [data]) }, [data])
return ( return (
<div id="FunctionPanel"> <div id='FunctionPanel'>
<DropdownPanel dropdownName='Function Stack' calldata={calldata || {}} /> <DropdownPanel dropdownName='Function Stack' calldata={calldata || {}} />
</div> </div>
) )
......
...@@ -3,7 +3,7 @@ import DropdownPanel from './dropdown-panel' ...@@ -3,7 +3,7 @@ import DropdownPanel from './dropdown-panel'
export const StackPanel = ({ calldata }) => { export const StackPanel = ({ calldata }) => {
return ( return (
<div id="stackpanel"> <div id='stackpanel'>
<DropdownPanel dropdownName='Stack' calldata={calldata || {}} /> <DropdownPanel dropdownName='Stack' calldata={calldata || {}} />
</div> </div>
) )
......
...@@ -3,7 +3,7 @@ import DropdownPanel from './dropdown-panel' ...@@ -3,7 +3,7 @@ import DropdownPanel from './dropdown-panel'
export const StepDetail = ({ stepDetail }) => { export const StepDetail = ({ stepDetail }) => {
return ( return (
<div id='stepdetail' data-id="stepdetail"> <div id='stepdetail' data-id='stepdetail'>
<DropdownPanel dropdownName='Step details' calldata={stepDetail || {}} /> <DropdownPanel dropdownName='Step details' calldata={stepDetail || {}} />
</div> </div>
) )
......
...@@ -17,11 +17,11 @@ export const VmDebuggerHead = ({ vmDebugger: { registerEvent, triggerEvent } }) ...@@ -17,11 +17,11 @@ export const VmDebuggerHead = ({ vmDebugger: { registerEvent, triggerEvent } })
}) })
const [solidityState, setSolidityState] = useState({ const [solidityState, setSolidityState] = useState({
calldata: null, calldata: null,
message: null, message: null
}) })
const [solidityLocals, setSolidityLocals] = useState({ const [solidityLocals, setSolidityLocals] = useState({
calldata: null, calldata: null,
message: null, message: null
}) })
useEffect(() => { useEffect(() => {
...@@ -97,15 +97,15 @@ export const VmDebuggerHead = ({ vmDebugger: { registerEvent, triggerEvent } }) ...@@ -97,15 +97,15 @@ export const VmDebuggerHead = ({ vmDebugger: { registerEvent, triggerEvent } })
}, [registerEvent]) }, [registerEvent])
return ( return (
<div id="vmheadView" className="mt-1 px-0"> <div id='vmheadView' className="mt-1 px-0">
<div className="d-flex flex-column"> <div className='d-flex flex-column'>
<div className="w-100"> <div className='w-100'>
<FunctionPanel data={functionPanel} /> <FunctionPanel data={functionPanel} />
<SolidityLocals data={solidityLocals.calldata} message={solidityLocals.message} registerEvent={registerEvent} triggerEvent={triggerEvent} /> <SolidityLocals data={solidityLocals.calldata} message={solidityLocals.message} registerEvent={registerEvent} triggerEvent={triggerEvent} />
<SolidityState calldata={solidityState.calldata} message={solidityState.message} /> <SolidityState calldata={solidityState.calldata} message={solidityState.message} />
</div> </div>
<div className="w-100"><CodeListView registerEvent={registerEvent} /></div> <div className='w-100'><CodeListView registerEvent={registerEvent} /></div>
<div className="w-100"><StepDetail stepDetail={stepDetail} /></div> <div className='w-100'><StepDetail stepDetail={stepDetail} /></div>
</div> </div>
</div> </div>
) )
......
...@@ -51,14 +51,14 @@ export const VmDebugger = ({ vmDebugger: { registerEvent } }) => { ...@@ -51,14 +51,14 @@ export const VmDebugger = ({ vmDebugger: { registerEvent } }) => {
}, [registerEvent]) }, [registerEvent])
return ( return (
<div id="vmdebugger" className="px-2"> <div id='vmdebugger' className="px-2">
<div> <div>
<StackPanel calldata={stackPanel} /> <StackPanel calldata={stackPanel} />
<MemoryPanel calldata={memoryPanel} /> <MemoryPanel calldata={memoryPanel} />
<StoragePanel calldata={storagePanel.calldata} header={storagePanel.header} /> <StoragePanel calldata={storagePanel.calldata} header={storagePanel.header} />
<CallstackPanel calldata={callStackPanel} /> <CallstackPanel calldata={callStackPanel} />
<CalldataPanel calldata={calldataPanel} /> <CalldataPanel calldata={calldataPanel} />
<ReturnValuesPanel dropdownName="Return Value" calldata={returnValuesPanel || {}} /> <ReturnValuesPanel dropdownName='Return Value' calldata={returnValuesPanel || {}} />
<FullStoragesChangesPanel calldata={fullStoragesChangesPanel} /> <FullStoragesChangesPanel calldata={fullStoragesChangesPanel} />
</div> </div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment