ui/components/MessageActions/Copy.tsx

import { Check, ClipboardList } from 'lucide-react';
import { Message } from '../ChatWindow';
import { useState } from 'react';

const Copy = ({

  message,

  initialMessage,

}: {

  message: Message;

  initialMessage: string;

}) => {
  const [copied, setCopied] = useState(false);

  return (
    <button

      onClick={() => {

        const contentToCopy = `${initialMessage}${message.sources && message.sources.length > 0 && `\n\nCitations:\n${message.sources?.map((source: any, i: any) => `[${i + 1}] ${source.metadata.url}`).join(`\n`)}`}`;

        navigator.clipboard.writeText(contentToCopy);

        setCopied(true);

        setTimeout(() => setCopied(false), 1000);

      }}

      className="p-2 text-white/70 rounded-xl hover:bg-[#1c1c1c] transition duration-200 hover:text-white"

    >

      {copied ? <Check size={18} /> : <ClipboardList size={18} />}

    </button>
  );
};

export default Copy;