jerry/buzz
1
0
Fork 0
mirror of https://github.com/block/buzz.git synced 2026-11-05 00:41:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

style(desktop): match PendingInviteGate to startup interstitials (#2097)

Browse Source 
Co-authored-by: Claude <noreply@anthropic.com>
This commit is contained in:
morgmart
2026-07-18 16:55:46 -07:00
committed by GitHub
parent 836cf5f6ed
commit 68bd8630e0
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
desktop/src/features/onboarding/ui/PendingInviteGate.tsx
View File

@@ -1,6 +1,8 @@
import { useCommunityOnboarding } from "@/features/onboarding/communityOnboarding";
import { useSystemColorScheme } from "@/shared/theme/useSystemColorScheme";
import { Button } from "@/shared/ui/button";
import { FlappingBee } from "@/shared/ui/buzz-logo/FlappingBee";
import { StartupWindowDragRegion } from "@/shared/ui/StartupWindowDragRegion";
/**
* Acknowledge a community deep link received before machine onboarding is
@@ -9,15 +11,18 @@ import { FlappingBee } from "@/shared/ui/buzz-logo/FlappingBee";
*/
export function PendingInviteGate() {
const { transaction, update, clear } = useCommunityOnboarding();
const systemColorScheme = useSystemColorScheme();
if (!transaction) return null;
return (
<div
className="buzz-onboarding-neutral-theme fixed inset-0 z-50 flex items-center justify-center bg-background px-4 py-8 text-foreground"
className="buzz-onboarding-neutral-theme buzz-startup-shell fixed inset-0 z-50 flex items-center justify-center bg-background px-4 py-8 text-foreground"
data-system-color-scheme={systemColorScheme}
data-testid="pending-invite-gate"
>
<div className="flex w-full max-w-[440px] flex-col items-center text-center">
<StartupWindowDragRegion />
<div className="relative flex w-full max-w-[500px] flex-col items-center text-center">
<FlappingBee className="h-auto w-24" />
<h1 className="mt-6 text-3xl font-semibold tracking-tight">
Opening community link
@@ -25,7 +30,7 @@ export function PendingInviteGate() {
<p className="mt-3 text-sm leading-6 text-muted-foreground">
You’ll connect to {transaction.communityName} once setup is finished.
</p>
<div className="mt-8 flex w-full flex-col gap-3">
<div className="mt-8 flex w-full max-w-[300px] flex-col gap-3">
<Button
className="h-10 w-full"
data-testid="pending-invite-continue"