mirror of
https://github.com/supabase/supabase.git
synced 2026-06-22 01:02:52 +08:00
28 lines
753 B
TypeScript
28 lines
753 B
TypeScript
import { Tabs } from 'ui'
|
|
import { useRouter } from 'next/router'
|
|
|
|
const FunctionsNav = ({ item }: any) => {
|
|
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.slug}/${e === 'metrics' ? '' : e}`)
|
|
}
|
|
>
|
|
<Tabs.Panel id="details" label="Details" />
|
|
<Tabs.Panel id="metrics" label="Metrics" />
|
|
<Tabs.Panel id="invocations" label="Invocations" />
|
|
<Tabs.Panel id="logs" label="Logs" />
|
|
</Tabs>
|
|
)
|
|
}
|
|
|
|
export default FunctionsNav
|