Function ProjectCopy

apps/console/src/components/projects/ProjectCopy.tsx:8–41

()

import { CheckIcon, CopyIcon } from "lucide-react";

export const ProjectCopy = () => {
  const { project, isLoading } = useCurrentProject();
  const [clicked, setClicked] = useState(false);

  if (isLoading) return null;

  return (
    <Button
      size="sm"
      variant="outline"
      onClick={() => {
        copyToClipboard(project.id);
        setClicked(true);
        trackEvent("project_id_copied", { projectId: project.id });

        setTimeout(() => {
          setClicked(false);
        }, 3000);
      }}
    >
      {clicked ? (
        <>
          <CheckIcon className="mr-2 h-4 w-4" />
          Copied!
        </>
      ) : (
        <>
          <CopyIcon className="mr-2 h-4 w-4" />
          Copy Project ID
        </>
      )}
    </Button>
  );
};