ruvector/studio/components/interfaces/Functions/FunctionsNav.tsx
rUv 814f595995 feat(studio): Add complete RuVector Studio application
Major additions:
- Complete Next.js studio application with 1600+ components
- Docker support (Dockerfile.combined, docker-compose.yml)
- GCP deployment documentation and benchmarks
- SQL benchmark scripts for performance testing
- Sentry integration for monitoring
- Comprehensive test suite and mocks

Studio features:
- Dashboard and admin interfaces
- Data visualization components
- Authentication and user management
- API integration with RuVector backend
- Static data and public assets

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-06 23:04:48 +00:00

30 lines
832 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"
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>
)
}
export default FunctionsNav