running as portal

packages/web/src/widgets/Toolbar.js

@@ -5,7 +5,7 @@ import styled from 'styled-components';
 import ToolbarButton from './ToolbarButton';
 import useNewQuery from '../query/useNewQuery';
 import { useConfig } from '../utility/metadataLoaders';
-import { useSetOpenedTabs } from '../utility/globalState';
+import { useSetOpenedTabs, useOpenedTabs } from '../utility/globalState';
 import { openNewTab } from '../utility/common';
 
 const ToolbarContainer = styled.div`
@@ -19,25 +19,44 @@ export default function ToolBar({ toolbarPortalRef }) {
   const config = useConfig();
   const toolbar = config.toolbar || [];
   const setOpenedTabs = useSetOpenedTabs();
+  const openedTabs = useOpenedTabs();
+
+  function openTabFromButton(button) {
+    if (openedTabs.find((x) => x.tabComponent == 'InfoPageTab' && x.props && x.props.page == button.page)) {
+      setOpenedTabs((tabs) =>
+        tabs.map((tab) => ({
+          ...tab,
+          selected: tab.tabComponent == 'InfoPageTab' && tab.props && tab.props.page == button.page,
+        }))
+      );
+    } else {
+      openNewTab(setOpenedTabs, {
+        title: button.title,
+        tabComponent: 'InfoPageTab',
+        icon: button.icon,
+        props: {
+          page: button.page,
+        },
+      });
+    }
+  }
+
+  React.useEffect(() => {
+    if (config.startupPages) {
+      for (const page of config.startupPages) {
+        const button = toolbar.find((x) => x.name == page);
+        if (button) {
+          openTabFromButton(button);
+        }
+      }
+    }
+  }, config && config.startupPages);
 
   return (
     <ToolbarContainer>
       <ConnectionModal modalState={modalState} />
       {toolbar.map((button) => (
-        <ToolbarButton
-          key={button.name}
-          onClick={() => {
-            openNewTab(setOpenedTabs, {
-              title: button.title,
-              tabComponent: 'InfoPageTab',
-              icon: button.icon,
-              props: {
-                page: button.page,
-              },
-            });
-          }}
-          icon={button.icon}
-        >
+        <ToolbarButton key={button.name} onClick={() => openTabFromButton(button)} icon={button.icon}>
           {button.title}
         </ToolbarButton>
       ))}