diff --git a/skyvern-frontend/src/components/CopyButton.tsx b/skyvern-frontend/src/components/CopyButton.tsx new file mode 100644 index 00000000..a4dfc1b2 --- /dev/null +++ b/skyvern-frontend/src/components/CopyButton.tsx @@ -0,0 +1,25 @@ +import { useState } from "react"; +import { CheckIcon, CopyIcon } from "@radix-ui/react-icons"; + +import { Button } from "@/components/ui/button"; + +function CopyButton({ value }: { value: string }) { + const [copied, setCopied] = useState(false); + + const handleCopy = () => { + if (copied) { + return; + } + window.navigator.clipboard.writeText(value); + setCopied(true); + setTimeout(() => setCopied(false), 1500); + }; + + return ( + + ); +} + +export { CopyButton }; diff --git a/skyvern-frontend/src/routes/workflows/editor/WorkflowHeader.tsx b/skyvern-frontend/src/routes/workflows/editor/WorkflowHeader.tsx index cc7b225c..ae17f4db 100644 --- a/skyvern-frontend/src/routes/workflows/editor/WorkflowHeader.tsx +++ b/skyvern-frontend/src/routes/workflows/editor/WorkflowHeader.tsx @@ -1,5 +1,4 @@ import { - CheckIcon, ChevronDownIcon, ChevronUpIcon, CopyIcon, @@ -33,25 +32,6 @@ import { WorkflowApiResponse } from "../types/workflowTypes"; import { CacheKeyValuesResponse } from "@/routes/workflows/types/scriptTypes"; import { OrgWalled } from "@/components/Orgwalled"; -function CopyButton({ value }: { value: string }) { - const [copied, setCopied] = useState(false); - - const handleCopy = () => { - if (copied) { - return; - } - window.navigator.clipboard.writeText(value); - setCopied(true); - setTimeout(() => setCopied(false), 1500); - }; - - return ( - - ); -} - interface Dom { input: React.MutableRefObject; } @@ -202,7 +182,6 @@ function WorkflowHeader({ }} /> )} - )}