Files
supabase/studio/components/interfaces/Functions/FunctionsNav.tsx
Jonathan Summers-Muir 55329d540e move to ui package drectory
2022-09-19 14:00:05 +02:00

30 lines
820 B
TypeScript

import { Tabs } from 'ui'
import { useRouter } from 'next/router'
// @ts-ignore
const FunctionsNav = ({ item }) => {
const router = useRouter()
const activeRoute = router.pathname.split('/')[5]
const { ref } = router.query
return (
<Tabs
defaultActiveId="1"
type="underlined"
size="medium"
activeId={!activeRoute ? 'metrics' : activeRoute}
onChange={(e: string) =>
router.push(`/project/${ref}/functions/${item.id}/${e === 'metrics' ? '' : e}`)
}
>
<Tabs.Panel id="metrics" label="Metrics" />
<Tabs.Panel id="details" label="Details" />
{/* <Tabs.Panel id="triggers" label="Triggers" /> */}
<Tabs.Panel id="invocations" label="Invocations" />
<Tabs.Panel id="logs" label="Logs" />
</Tabs>
)
}
export default FunctionsNav