diff --git a/apps/web/app/routes/ws/deployments/_components/versioncard/VersionCard.tsx b/apps/web/app/routes/ws/deployments/_components/versioncard/VersionCard.tsx index f81937661..de11087b1 100644 --- a/apps/web/app/routes/ws/deployments/_components/versioncard/VersionCard.tsx +++ b/apps/web/app/routes/ws/deployments/_components/versioncard/VersionCard.tsx @@ -132,6 +132,7 @@ const NoActiveDeployments: React.FC = ({ {displayName} + diff --git a/apps/web/app/routes/ws/deployments/_components/versioncard/VersionDropdown.tsx b/apps/web/app/routes/ws/deployments/_components/versioncard/VersionDropdown.tsx index 75cf18516..a4143f989 100644 --- a/apps/web/app/routes/ws/deployments/_components/versioncard/VersionDropdown.tsx +++ b/apps/web/app/routes/ws/deployments/_components/versioncard/VersionDropdown.tsx @@ -13,7 +13,6 @@ import { DialogFooter, DialogHeader, DialogTitle, - DialogTrigger, } from "~/components/ui/dialog"; import { DropdownMenu, @@ -57,20 +56,19 @@ const useUpdateVersionStatus = (versionId: string) => { function VersionStatusDialog({ version, - children, - onClose, + open, + onOpenChange, }: { version: Version; - children: React.ReactNode; - onClose: () => void; + open: boolean; + onOpenChange: (open: boolean) => void; }) { const { updateStatus, isPending } = useUpdateVersionStatus(version.id); const [status, setStatus] = useState(version.status); - const onClick = () => updateStatus(status).then(onClose); + const onClick = () => updateStatus(status).then(() => onOpenChange(false)); return ( - - {children} + Update Version Status @@ -108,30 +106,42 @@ function VersionStatusDialog({ } export function VersionDropdown({ version }: { version: Version }) { - const [open, setOpen] = useState(false); + const [dropdownOpen, setDropdownOpen] = useState(false); + const [statusDialogOpen, setStatusDialogOpen] = useState(false); + return ( - - - - - e.stopPropagation()}> - setOpen(false)}> + <> + + + + + e.stopPropagation()}> e.preventDefault()} + onSelect={(e) => { + e.preventDefault(); + setDropdownOpen(false); + setStatusDialogOpen(true); + }} className="flex items-center gap-2" > Update Status - - - + + + + + ); }