mirror of
https://github.com/supabase/supabase.git
synced 2026-10-06 01:45:10 +03:00
Danny White
ba82106697
## Problem Supabase Select 2026 has finished. The promo banners already hide via the scheduled expiry from #51006, but the campaign code, assets, and wiring are still in the tree. ## Solution Remove the Select 2026 sitewide promotion across www and Studio: - Delete shared `Select26*` banner code, font, and tests from `ui-patterns` - Delete Studio `BannerSelect2026*` and its Banner Stack registration - Unmount the www announcement banner and revert the State of Startups spacing that only existed for it - Drop the Select-only session-replay `data-band` allowlist entry and lint ratchet baseline Event go pages, blog posts, and other Select content are left alone. The `Announcement` shell stays for the next campaign. ## Review instructions 1. Open the www homepage on the deploy preview. Confirm there is no Select announcement bar above the nav. 2. Open `/state-of-startups` on the deploy preview. Confirm the hero still looks correct with no extra top gap from the removed banner. 3. Open a hosted Studio dashboard page on the deploy preview. Confirm the Banner Stack no longer shows a Select card. ## Checklist - [x] I have read [CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md) - [ ] If I wrote a new docs topic or edited an existing topic, I used the `/write-the-docs` or `/edit-the-docs` skill, which applies the docs [style guide](https://github.com/supabase/supabase/tree/master/apps/docs/style-guide)
53 lines
1.6 KiB
TypeScript
53 lines
1.6 KiB
TypeScript
import { X } from 'lucide-react'
|
|
import { Button, Card, CardContent, cn } from 'ui'
|
|
|
|
import { BASE_PATH } from '@/lib/constants'
|
|
|
|
interface BannerCardProps {
|
|
onDismiss?: () => void
|
|
children: React.ReactNode
|
|
className?: string
|
|
}
|
|
|
|
export const BannerCard = ({ onDismiss, children, className }: BannerCardProps) => {
|
|
return (
|
|
<Card className={cn('relative overflow-hidden shadow-lg rounded-2xl', className)}>
|
|
<div className="absolute -inset-16 z-0 opacity-100 pointer-events-none">
|
|
<img
|
|
src={`${BASE_PATH}/img/reports/bg-grafana-dark.svg`}
|
|
alt=""
|
|
aria-hidden="true"
|
|
className="w-full h-full object-cover object-right hidden dark:block"
|
|
/>
|
|
<img
|
|
src={`${BASE_PATH}/img/reports/bg-grafana-light.svg`}
|
|
alt=""
|
|
aria-hidden="true"
|
|
className="w-full h-full object-cover object-right dark:hidden"
|
|
/>
|
|
<div className="absolute inset-0 bg-linear-to-r from-background-alternative to-transparent" />
|
|
</div>
|
|
|
|
<CardContent className="relative z-10 p-6">
|
|
{onDismiss && (
|
|
<div className="absolute top-4 right-4 z-20">
|
|
<Button
|
|
variant="text"
|
|
size="tiny"
|
|
type="button"
|
|
icon={<X size={16} strokeWidth={1.5} />}
|
|
onClick={(e) => {
|
|
e.preventDefault()
|
|
onDismiss()
|
|
}}
|
|
className="opacity-75 hover:opacity-100 px-1"
|
|
aria-label="Close banner"
|
|
/>
|
|
</div>
|
|
)}
|
|
{children}
|
|
</CardContent>
|
|
</Card>
|
|
)
|
|
}
|