mirror of
https://github.com/supabase/supabase.git
synced 2026-10-05 17:35:10 +03:00
Nik RichersandNik Richers
0405b31b26
## I have read the CONTRIBUTING.md file. YES ## What kind of change does this PR introduce? Re-add. Reapplies the Multigres Private Alpha docs section removed in #50662, ready to merge once Sugu gives the go-ahead. Do not merge until then. Linear: MUL-1621 (follow-up to MUL-452). ## What is the current behavior? Multigres docs section is down (per #50662): no overview/compatibility pages, no sidebar entry, no features-table row, no "What you get" cards. ## What is the new behavior? Exact reapply of #49020 (with Multigres marked Private Alpha): overview guide at `/docs/guides/database/multigres`, compatibility stub, Database sidebar entry, features-table row, "What you get" cards, and the `ContentListings` optional-`href` support they rely on. Base branch is the revert PR (#50662) so the diff here is legible now; retarget to `master` once #50662 merges. ## Additional context - `pnpm --filter docs exec vitest run lib/content-listings.test.ts` — 22 passed - Blocked on Sugu's go-ahead — `do-not-merge` label applied --------- Co-authored-by: Nik Richers <nik@validmind.ai>
53 lines
2.1 KiB
TypeScript
53 lines
2.1 KiB
TypeScript
import { ArrowRight } from 'lucide-react'
|
|
import Link from 'next/link'
|
|
import { cn, HoverCard, HoverCardContent, HoverCardTrigger, Separator } from 'ui'
|
|
|
|
import { ServerLightGrid } from './ServerLightGrid'
|
|
import { DOCS_URL } from '@/lib/constants'
|
|
|
|
interface HighAvailabilityBadgeProps {
|
|
size?: 'default' | 'small'
|
|
}
|
|
|
|
export function HighAvailabilityBadge({ size = 'default' }: HighAvailabilityBadgeProps) {
|
|
return (
|
|
<HoverCard openDelay={200} closeDelay={100}>
|
|
<HoverCardTrigger asChild>
|
|
<div
|
|
className={cn(
|
|
'relative inline-flex items-center justify-center overflow-hidden rounded-md text-center font-mono uppercase',
|
|
'cursor-default whitespace-nowrap font-medium tracking-[0.06em] text-[11px] leading-[1.1] px-[5.5px] py-[3px]',
|
|
'transition-all',
|
|
'border border-purple-700 dark:border-purple-600/50',
|
|
'bg-purple-400 text-purple-1100 dark:bg-purple-100'
|
|
)}
|
|
>
|
|
{size === 'small' ? 'HA' : 'High Availability'}
|
|
<span className="animate-badge-shimmer pointer-events-none absolute inset-0 bg-gradient-to-br from-transparent via-white/35 to-transparent blur-md" />
|
|
</div>
|
|
</HoverCardTrigger>
|
|
<HoverCardContent side="bottom" align="start" className="w-72 overflow-hidden p-0">
|
|
<div className="h-24 bg-surface-75">
|
|
<ServerLightGrid />
|
|
</div>
|
|
<Separator />
|
|
<div className="flex flex-col gap-1 p-3 px-5">
|
|
<p className="text-sm text-foreground-light">
|
|
A horizontally scalable Postgres architecture that supports highly-available and
|
|
globally distributed deployments.
|
|
</p>
|
|
<Link
|
|
href={`${DOCS_URL}/guides/database/multigres`}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="mt-1 inline-flex items-center gap-1 text-xs text-foreground-lighter transition-colors hover:text-foreground"
|
|
>
|
|
Read more
|
|
<ArrowRight size={12} strokeWidth={1.5} />
|
|
</Link>
|
|
</div>
|
|
</HoverCardContent>
|
|
</HoverCard>
|
|
)
|
|
}
|