28 lines
752 B
TypeScript
28 lines
752 B
TypeScript
import * as React from 'react'
|
|
import ReactSplitPane from 'react-split-pane'
|
|
import { Sidebar } from '../Sidebar'
|
|
import Tree from '../Tree/Tree'
|
|
|
|
export default function ContentView(props: {heightProperty: any, paneDefaults: any, connectionId: any}) {
|
|
return (
|
|
<ReactSplitPane
|
|
step={20}
|
|
primary="second"
|
|
className={props.heightProperty}
|
|
split="vertical"
|
|
minSize={250}
|
|
defaultSize={500}
|
|
allowResize={true}
|
|
style={{ position: 'relative' }}
|
|
pane1Style={{ overflow: 'hidden' }}
|
|
>
|
|
<div className={props.paneDefaults}>
|
|
<Tree />
|
|
</div>
|
|
<div className={props.paneDefaults}>
|
|
<Sidebar connectionId={props.connectionId} />
|
|
</div>
|
|
</ReactSplitPane>
|
|
)
|
|
}
|