Function useCopyImport

packages/dev/s2-docs/src/IconSearchView.tsx:62–92

()

}

export function useCopyImport() {
  let [copiedId, setCopiedId] = useState<string | null>(null);
  let timeout = useRef<ReturnType<typeof setTimeout> | null>(null);

  useEffect(() => {
    return () => {
      if (timeout.current) {
        clearTimeout(timeout.current);
      }
    };
  }, []);

  let handleCopyImport = useCallback((id: string) => {
    if (timeout.current) {
      clearTimeout(timeout.current);
    }
    // Use underscore prefix for names starting with a number (invalid JS identifier)
    let importName = id.replace(/^(\d)/, '_$1');
    navigator.clipboard
      .writeText(`import ${importName} from '@react-spectrum/s2/icons/${id}';`)
      .then(() => {
        setCopiedId(id);
        timeout.current = setTimeout(() => setCopiedId(null), 2000);
      })
      .catch(() => {
        ToastQueue.negative('Failed to copy import statement.');
      });
  }, []);

  return {copiedId, handleCopyImport};
}

interface IconListBoxProps {
  items: typeof iconList;