Function Layouts

web/pgadmin/static/js/BrowserComponent.jsx:114–157

({browser})

};

function Layouts({browser}) {
  const pgAdmin = usePgAdmin();
  const {config, enabled, currentWorkspace} = useWorkspace();
  return (
    <ApplicationStateProvider>
      <div style={{display: 'flex', height: (browser != 'Electron' ? 'calc(100% - 30px)' : '100%')}}>
        {enabled && <WorkspaceToolbar/> }
        <Layout
          getLayoutInstance={(obj)=>{
            pgAdmin.Browser.docker.default_workspace = obj;
          }}
          defaultLayout={defaultLayout}
          layoutId='Browser/Layout'
          savedLayout={pgAdmin.Browser.utils.layout['Browser/Layout']}
          groups={{
            'object-explorer': objectExplorerGroup,
            'playground': getMorePanelGroup(defaultTabsData),
          }}
          noContextGroups={['object-explorer']}
          resetToTabPanel={BROWSER_PANELS.MAIN}
          enableToolEvents
          isLayoutVisible={!enabled || currentWorkspace == WORKSPACES.DEFAULT}
        />
        {enabled && config.map((item)=>(
          <Layout
            key={item.docker}
            getLayoutInstance={(obj)=>{
              pgAdmin.Browser.docker[item.docker] = obj;
              obj.eventBus.fireEvent(LAYOUT_EVENTS.INIT);
            }}
            defaultLayout={item.layout}
            layoutId={`Workspace/Layout-${item.workspace}`}
            savedLayout={pgAdmin.Browser.utils.layout[`Workspace/Layout-${item.workspace}`]}
            groups={{
              'playground': item?.tabsData ? getMorePanelGroup(item?.tabsData) : {...getDefaultGroup()},
            }}
            resetToTabPanel={BROWSER_PANELS.MAIN}
            isLayoutVisible={currentWorkspace == item.workspace}
          />
        ))}
      </div>
    </ApplicationStateProvider>
  );
}
Layouts.propTypes = {
  browser: PropTypes.string,
};