FunctionsNav() — supabase Function Reference

Source Code

apps/studio/components/interfaces/Functions/FunctionsNav.tsx lines 4–28

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"
      baseClassNames="!space-y-0"
      activeId={!activeRoute ? 'overview' : activeRoute}
      onChange={(e: string) => {
        if (item?.slug) {
          router.push(`/project/${ref}/functions/${item.slug}/${e === 'overview' ? '' : e}`)
        }
      }}
    >
      <Tabs.Panel id="overview" label="Overview" />
      <Tabs.Panel id="invocations" label="Invocations" />
      <Tabs.Panel id="logs" label="Logs" />
      <Tabs.Panel id="details" label="Details" />
    </Tabs>
  )
}