remove copy copy button from code dropdown (#3317)

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 (
+    <Button size="icon" variant="ghost" onClick={handleCopy}>
+      {copied ? <CheckIcon /> : <CopyIcon />}
+    </Button>
+  );
+}
+
+export { CopyButton };

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 (
-    <Button size="icon" variant="ghost" onClick={handleCopy}>
-      {copied ? <CheckIcon /> : <CopyIcon />}
-    </Button>
-  );
-}
-
 interface Dom {
   input: React.MutableRefObject<HTMLInputElement | null>;
 }
@@ -202,7 +182,6 @@ function WorkflowHeader({
                   }}
                 />
               )}
-              <CopyButton value={chosenCacheKeyValue ?? ""} />
             </div>
           </OrgWalled>
         )}