IPV4SuggestionAlert.tsx33 lines · main

1	import { ExternalLink, HelpCircle } from 'lucide-react'
2	import Link from 'next/link'
3	import { Alert, AlertDescription, AlertTitle, Button } from 'ui'
4
5	export const IPV4SuggestionAlert = () => {
6	return (
7	<Alert variant="default">
8	<HelpCircle strokeWidth={2} />
9	<AlertTitle>Connection issues?</AlertTitle>
10	<AlertDescription className="grid gap-3">
11	<p>
12	Having trouble connecting to your project? It could be related to our migration from
13	PGBouncer and IPv4.
14	</p>
15	<p>
16	Please review this GitHub discussion. It's up to date and covers many frequently asked
17	questions.
18	</p>
19	<p>
20	<Button asChild type="default" icon={<ExternalLink strokeWidth={1.5} />}>
21	<Link
22	target="_blank"
23	rel="noreferrer"
24	href="https://github.com/orgs/briven/discussions/17817"
25	>
26	PGBouncer and IPv4 Deprecation #17817
27	</Link>
28	</Button>
29	</p>
30	</AlertDescription>
31	</Alert>
32	)
33	}