* rename for clarity * typo * make coverage happ+ somewhat pointless since we don't use coverage because its not complete with both vitest and playwright * local storage issue * fmt * fix
27 lines
890 B
TypeScript
27 lines
890 B
TypeScript
import { CollapsiblePanel, CollapsiblePanelProps } from './CollapsiblePanel'
|
|
import { AstExplorer } from './AstExplorer'
|
|
import { EngineCommands } from './EngineCommands'
|
|
import { CamDebugSettings } from 'clientSideScene/ClientSideSceneComp'
|
|
|
|
export const DebugPanel = ({ className, ...props }: CollapsiblePanelProps) => {
|
|
return (
|
|
<CollapsiblePanel
|
|
{...props}
|
|
className={
|
|
'!absolute overflow-auto !h-auto bottom-5 right-5 ' + className
|
|
}
|
|
// header height, top-5, and bottom-5
|
|
style={{ maxHeight: 'calc(100% - 3rem - 1.25rem - 1.25rem)' }}
|
|
detailsTestId="debug-panel"
|
|
>
|
|
<section className="p-4 flex flex-col gap-4">
|
|
<EngineCommands />
|
|
<CamDebugSettings />
|
|
<div style={{ height: '400px' }} className="overflow-y-auto">
|
|
<AstExplorer />
|
|
</div>
|
|
</section>
|
|
</CollapsiblePanel>
|
|
)
|
|
}
|