Files
supabase/studio/components/interfaces/Functions/FunctionsNav.tsx

30 lines
830 B
TypeScript

import { Tabs } from '@supabase/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