show pages in iframe

packages/web/src/widgets/Toolbar.js

@@ -5,6 +5,8 @@ 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 { openNewTab } from '../utility/common';
 
 const ToolbarContainer = styled.div`
   display: flex;
@@ -15,10 +17,30 @@ export default function ToolBar({ toolbarPortalRef }) {
   const modalState = useModalState();
   const newQuery = useNewQuery();
   const config = useConfig();
+  const toolbar = config.toolbar || [];
+  const setOpenedTabs = useSetOpenedTabs();
 
   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}
+        >
+          {button.title}
+        </ToolbarButton>
+      ))}
       {config.runAsPortal == false && (
         <ToolbarButton onClick={modalState.open} icon="fas fa-database">
           Add connection