Files
supabase/apps/studio/components/interfaces/Integrations/Queues/UpgradeDatabaseAlert.tsx
T
Joshen Lim 4fdeed448b Joshen/fe 2854 migrate queues integration to new UI (#44270)
## Context

Related to marketplace related work, just moves the Queues integration
to the new UI (Changes are feature flagged)
<img width="1145" height="584" alt="image"
src="https://github.com/user-attachments/assets/d3245889-597d-44e2-9850-f20907e42056"
/>

Installation is now in a side panel with the intention that it'll just
be a single click to install integrations that involve multiple parts
<img width="400" height="955" alt="image"
src="https://github.com/user-attachments/assets/71903b61-6bd2-486c-903e-b48ae2133887"
/>


## To test
- Verify that you can install the integration and everything else should
be status quo
- Verify that everything should be status quo if the flag is off
2026-03-30 14:23:21 +08:00

31 lines
1.0 KiB
TypeScript

import { useSelectedProjectQuery } from 'hooks/misc/useSelectedProject'
import Link from 'next/link'
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="default"
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>
)
}