From 625b4e61dbf11c1d485bf8e8265df4d5af0c9657 Mon Sep 17 00:00:00 2001 From: Alex Benzer Date: Thu, 4 Sep 2025 07:20:46 -0700 Subject: Welcome modal on logged-out homepage (#8944) * Adds welcome modal to logged-out homepage * Adds metrics and feature gate for welcome modal * Slightly smaller text for mobile screens to avoid wrapping * Remove unused SVG * Adds text gradient and "X" close button * Fix color on "Already have an account?" text * tweak hooks, react import * rm stylesheet * use hardcoded colors * add focus guards and scope * no such thing as /home * reduce spacign * use css animations * use session storage * fix animation fill mode * add a11y props * Fix link/button color mismatch, reduce gap between buttons, show modal until user dismisses it * Fix "Already have an account?" line left-aligning in small window sizes * Adds "dismissed" and "presented" metric events --------- Co-authored-by: Samuel Newman --- src/lib/hooks/useWebMediaQueries.tsx | 3 +++ 1 file changed, 3 insertions(+) (limited to 'src/lib/hooks/useWebMediaQueries.tsx') diff --git a/src/lib/hooks/useWebMediaQueries.tsx b/src/lib/hooks/useWebMediaQueries.tsx index fa9d6ffa6..7778383a4 100644 --- a/src/lib/hooks/useWebMediaQueries.tsx +++ b/src/lib/hooks/useWebMediaQueries.tsx @@ -2,6 +2,9 @@ import {useMediaQuery} from 'react-responsive' import {isNative} from '#/platform/detection' +/** + * @deprecated use `useBreakpoints` from `#/alf` instead + */ export function useWebMediaQueries() { const isDesktop = useMediaQuery({minWidth: 1300}) const isTablet = useMediaQuery({minWidth: 800, maxWidth: 1300 - 1}) -- cgit 1.4.1