diff --git a/app/components/support/support-dialog.tsx b/app/components/support/support-dialog.tsx index 0d62811..a3f250a 100644 --- a/app/components/support/support-dialog.tsx +++ b/app/components/support/support-dialog.tsx @@ -2,7 +2,7 @@ import { useCallback, useEffect, useId, useState } from "react"; import { createPortal } from "react-dom"; -import { XIcon } from "lucide-react"; +import { MessageCircleIcon, XIcon } from "lucide-react"; import { submitFeedback } from "@/actions/feedback"; import { Button } from "@/actions/components/ui/button"; import { Textarea } from "@/actions/components/ui/textarea"; @@ -28,6 +28,8 @@ type SupportDialogProps = { userEmail?: string | null; /** Extra context lines to show (e.g. PDS name + status). */ details?: { label: string; value?: string | null }[]; + /** "link" = inline dotted text (default); "fab" = floating action button. */ + variant?: "link" | "fab"; }; export function SupportDialog({ @@ -36,6 +38,7 @@ export function SupportDialog({ defaultCategory = "support", userEmail, details, + variant = "link", }: SupportDialogProps) { const [open, setOpen] = useState(false); const [category, setCategory] = useState(defaultCategory); @@ -81,13 +84,25 @@ export function SupportDialog({ return ( <> - + {variant === "fab" ? ( + + ) : ( + + )} {open && mounted && diff --git a/app/dashboard/pds-status-card.tsx b/app/dashboard/pds-status-card.tsx index ee30f60..4ba09ad 100644 --- a/app/dashboard/pds-status-card.tsx +++ b/app/dashboard/pds-status-card.tsx @@ -79,7 +79,7 @@ export function PdsStatusCard({ {isError && ( Oops — we can see your PDS isn't deploying correctly, and - we're already on it. If you have anything to add, or just want + we're already on it.
If you have anything to add, or just want to say hello, you can{" "}
{children}