diff --git a/apps/web/components/Embed.tsx b/apps/web/components/Embed.tsx index 306038599a..d0091afa64 100644 --- a/apps/web/components/Embed.tsx +++ b/apps/web/components/Embed.tsx @@ -5,15 +5,14 @@ import { createRef, forwardRef, MutableRefObject, RefObject, useRef, useState } import { components, ControlProps } from "react-select"; import { useLocale } from "@calcom/lib/hooks/useLocale"; -import showToast from "@calcom/lib/notification"; import { Dialog, DialogClose, DialogContent } from "@calcom/ui/Dialog"; import { Icon } from "@calcom/ui/Icon"; import { InputLeading, Label, TextArea, TextField } from "@calcom/ui/form/fields"; +import { HorizontalTabs, showToast } from "@calcom/ui/v2"; import { Button, Switch } from "@calcom/ui/v2"; import { EMBED_LIB_URL, WEBAPP_URL } from "@lib/config/constants"; -import NavTabs from "@components/NavTabs"; import ColorPicker from "@components/ui/colorpicker"; import Select from "@components/ui/form/Select"; @@ -38,7 +37,7 @@ type PreviewState = { brandColor: string; }; }; -const queryParamsForDialog = ["embedType", "tabName", "embedUrl"]; +const queryParamsForDialog = ["embedType", "embedTabName", "embedUrl"]; const getDimension = (dimension: string) => { if (dimension.match(/^\d+$/)) { @@ -453,7 +452,7 @@ const embeds: { const tabs = [ { name: "HTML", - tabName: "embed-code", + embedTabName: "embed-code", icon: Icon.FiCode, type: "code", Component: forwardRef< @@ -504,7 +503,7 @@ ${getEmbedTypeSpecificString({ embedFramework: "HTML", embedType, calLink, previ }, { name: "React", - tabName: "embed-react", + embedTabName: "embed-react", icon: Icon.FiCode, type: "code", Component: forwardRef< @@ -544,7 +543,7 @@ ${getEmbedTypeSpecificString({ embedFramework: "react", embedType, calLink, prev }, { name: "Preview", - tabName: "embed-preview", + embedTabName: "embed-preview", icon: Icon.FiEye, type: "iframe", Component: forwardRef< @@ -561,7 +560,7 @@ ${getEmbedTypeSpecificString({ embedFramework: "react", embedType, calLink, prev