import React from "react" ; import Menu from "../components/menu" ; import { useApi } from "../hooks" ; import { Page } from "../contexts/api" ; export const menuHeight = "56px" ; const builtinPages = [ { name : "overview" , title : "Overview" , description : "Overview" , path : "/" , newWindow : false , } , { name : "stack-graph" , title : "Stack Graph" , description : "Stack Graph" , path : "/graph" , newWindow : false , } , { name : "logs" , title : "Logs" , description : "Logs" , path : "/logs" , newWindow : false , } , ] ; const MenuContainer = ( ) => { const { store : { entities : { providerPages } , } , } = useApi ( ) ; return < Menu pages = { [ ... builtinPages , ... providerPages ] } />; } ; export default MenuContainer ;