supabase/apps/studio/hooks/ui/useCopyToClipboard.ts

import { useCallback, useState } from 'react'
import { toast } from 'sonner'

// [Joshen] This hook can replace all usage of copyToClipboard from lib/helpers
export function useCopyToClipboard() {
  const [text, setText] = useState<string | null>(null)

  const copy = useCallback(
    async (
      text: string,
      { timeout, withToast }: { timeout?: number; withToast?: boolean } = {
        timeout: 3000,
        withToast: false,
      }
    ) => {
      if (!navigator?.clipboard) {
        console.warn('Clipboard not supported')
        return false
      }

      try {
        await navigator.clipboard.writeText(text)
        setText(text)

        if (timeout) {
          setTimeout(() => {
            setText(null)
          }, timeout)
        }

        if (withToast) {
          toast.success('Copied to clipboard')
        }

        return true
      } catch (error) {
        console.warn('Copy failed', error)
        setText(null)
        return false
      }
    },
    []
  )

  return { text, copy, isCopied: text !== null }
}