mirror of
https://github.com/supabase/supabase.git
synced 2026-09-06 18:11:51 +08:00
bd02d7f297
## What kind of change does this PR introduce? Feature polish for the Select 2026 promotion. ## What is the current behavior? - Studio only shows the Select Banner Stack card inside `ProjectLayout` (project routes). - www glyph fields read as hard rectangles on each side of the announcement banner. ## What is the new behavior? - Studio registers the Select banner from `AppBannerWrapper`, so it also appears outside project context (org / account surfaces). - www fields use per-row widths with edge alignment: top/middle shorter, bottom longer, growing inward from each side for a softer silhouette. https://github.com/user-attachments/assets/c5275967-63d0-40dd-a472-e3db08d1c39d ## To test - **Studio (non-project):** open an org home or account page on the deploy preview. Confirm the Select Banner Stack card appears in the usual stack and dismisses as before. - **Studio (project):** open any project route. Confirm the same card still appears and does not double-register. - **www:** open the marketing homepage. On `sm+`, confirm each side of the cream announcement bar has a 3-row field where the bottom row reaches further inward than the top, and the middle row is shortest. <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Added the Select 2026 promotional banner to eligible hosted Studio environments. * Banner visibility reflects promotion status, platform eligibility, loading state, and dismissal preferences. * **Style** * Refined decorative field layouts with improved row alignment, mirrored visuals, and flexible sizing. * **Bug Fixes** * Updated visibility behavior so the banner is no longer tied to being inside a specific project. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
30 lines
909 B
TypeScript
30 lines
909 B
TypeScript
import { describe, expect, it } from 'vitest'
|
|
|
|
import { SELECT_26_BANNER_PRIORITY, shouldShowSelect26Banner } from './BannerSelect2026.utils'
|
|
|
|
const visibleState = {
|
|
isPlatform: true,
|
|
dismissalLoaded: true,
|
|
isActive: true,
|
|
isDismissed: false,
|
|
}
|
|
|
|
describe('shouldShowSelect26Banner', () => {
|
|
it('shows the promotion on hosted Studio', () => {
|
|
expect(shouldShowSelect26Banner(visibleState)).toBe(true)
|
|
})
|
|
|
|
it.each([
|
|
['self-hosted Studio', { isPlatform: false }],
|
|
['before dismissal state loads', { dismissalLoaded: false }],
|
|
['after campaign expiry', { isActive: false }],
|
|
['after dismissal', { isDismissed: true }],
|
|
])('hides the promotion %s', (_, state) => {
|
|
expect(shouldShowSelect26Banner({ ...visibleState, ...state })).toBe(false)
|
|
})
|
|
|
|
it('sits behind every existing non-negative banner priority', () => {
|
|
expect(SELECT_26_BANNER_PRIORITY).toBe(-1)
|
|
})
|
|
})
|