datagrid toolbar using portals

This commit is contained in:
Jan Prochazka
2020-03-30 21:18:02 +02:00
parent b929352d92
commit 72b2329c2c
7 changed files with 36 additions and 9 deletions

View File

@@ -69,10 +69,11 @@ const StausBar = styled.div`
export default function Screen() {
const currentWidget = useCurrentWidget();
const leftPanelWidth = currentWidget ? theme.leftPanel.width : 0;
const toolbarPortalRef = React.useRef();
return (
<>
<ToolBarDiv>
<ToolBar />
<ToolBar toolbarPortalRef={toolbarPortalRef} />
</ToolBarDiv>
<IconBar>
<WidgetIconPanel />
@@ -86,7 +87,7 @@ export default function Screen() {
<TabsPanel></TabsPanel>
</TabsPanelContainer>
<BodyDiv leftPanelWidth={leftPanelWidth}>
<TabContent />
<TabContent toolbarPortalRef={toolbarPortalRef} />
</BodyDiv>
<StausBar></StausBar>
</>