ruvector/studio/components/interfaces/Integrations/Queues/UpgradeDatabaseAlert.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

32 lines
1 KiB
TypeScript

import Link from 'next/link'
import { useSelectedProjectQuery } from 'hooks/misc/useSelectedProject'
import { Button } from 'ui'
import { Admonition } from 'ui-patterns/admonition'
interface UpgradeDatabaseAlertProps {
minimumVersion?: string
}
export const UpgradeDatabaseAlert = ({ minimumVersion = '15.6' }: UpgradeDatabaseAlertProps) => {
const { data: project } = useSelectedProjectQuery()
return (
<Admonition
type="warning"
className="mt-4"
title="Database upgrade needed"
childProps={{ description: { className: 'flex flex-col gap-y-2' } }}
>
<div className="prose text-sm max-w-full">
<p>
This integration requires the <code>pgmq</code> extension which is not available on this
version of Postgres. The extension is available on version {minimumVersion} and higher.
</p>
</div>
<Button color="primary" className="w-fit">
<Link href={`/project/${project?.ref}/settings/infrastructure`}>Upgrade database</Link>
</Button>
</Admonition>
)
}