g1t/apps/web/app/components/welcome.tsx
| 1 | import { PartyPopper } from "lucide-react"; |
| 2 | import type { ReactNode } from "react"; |
| 3 | |
| 4 | /** |
| 5 | * The one-time "You're in" at the top of the workspace or repository an |
| 6 | * invite led to, on the first view after joining (lib/invites.ts's |
| 7 | * welcome cookie, cleared as it is shown). |
| 8 | */ |
| 9 | export function WelcomeBanner({ title, children }: { title: string; children: ReactNode }) { |
| 10 | return ( |
| 11 | <div role="status" className="flex items-start gap-3 rounded-lg border border-accent/30 bg-accent/5 px-4 py-3"> |
| 12 | <PartyPopper size={18} aria-hidden="true" className="mt-0.5 shrink-0 text-accent" /> |
| 13 | <div className="min-w-0 text-sm"> |
| 14 | <p className="font-medium text-fg">{title}</p> |
| 15 | <p className="mt-0.5 text-muted">{children}</p> |
| 16 | </div> |
| 17 | </div> |
| 18 | ); |
| 19 | } |