diff --git a/packages/atoms/EventTypeList/EventType.tsx b/packages/atoms/EventTypeList/EventType.tsx index 6d3c2e0261..194aece0e1 100644 --- a/packages/atoms/EventTypeList/EventType.tsx +++ b/packages/atoms/EventTypeList/EventType.tsx @@ -1,10 +1,13 @@ import { Badge } from "@/components/ui/badge"; +import { Button } from "@/components/ui/button"; +import { Switch } from "@/components/ui/switch"; +import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip"; import { memo } from "react"; import { useOrgBranding } from "@calcom/ee/organizations/context/provider"; import { WEBAPP_URL } from "@calcom/lib/constants"; import { SchedulingType } from "@calcom/prisma/enums"; -import { ArrowButton, AvatarGroup } from "@calcom/ui"; +import { ArrowButton, AvatarGroup, ButtonGroup } from "@calcom/ui"; const Item = ({ type, group, readOnly }: { type: any; group: any; readOnly: boolean }) => { const content = () => ( @@ -63,6 +66,7 @@ export function EventType({ firstItem, lastItem, moveEventType, + setHiddenMutation, }: { event: any; type: any; @@ -70,6 +74,7 @@ export function EventType({ firstItem: { id: string }; lastItem: { id: string }; moveEventType: (index: number, increment: 1 | -1) => void; + setHiddenMutation: () => void; }) { const isManagedEventType = type.schedulingType === SchedulingType.MANAGED; const orgBranding = useOrgBranding(); @@ -118,7 +123,66 @@ export function EventType({ /> )}
- {isManagedEventType && Hidden} + {isManagedEventType && ( + <> + {type.hidden && Hidden} + + + +
+ { + setHiddenMutation.mutate({ id: type.id, hidden: !type.hidden }); + }} + /> +
+
+ + {type.hidden ? "Show on profile" : "Hide from profile"} + +
+
+ + )} + + {!isManagedEventType && ( + <> + + + + {/* TODO: add ExternalLink icon and toast */} + + + Preview + + + + + + + + Copy link to event + + + + )} +