fix: do not prompt clipboard access permission when the app first starts up

Author: altenull

src/node-detail/primitive/components/TextCopyBox.tsx

@@ -1,8 +1,8 @@
 import { Chip } from '@nextui-org/chip';
-import { memo, useCallback, useEffect } from 'react';
+import { memo, useCallback } from 'react';
 import { Text } from '../../../ui/components/Text';
 import { isNull } from '../../../utils/json.util';
-import useCopyToClipboard from '../../../utils/react-hooks/useCopyToClipboard';
+import { useCopyToClipboard } from '../../../utils/react-hooks/useCopyToClipboard';
 import { useHover } from '../../../utils/react-hooks/useHover';
 
 type Props = {
@@ -11,18 +11,12 @@ type Props = {
 
 const _TextCopyBox = ({ text }: Props) => {
   const [hostRef, isHostHovered] = useHover<HTMLDivElement>();
-  const { copiedText, copyToClipboard, clearClipboard } = useCopyToClipboard();
+  const { copiedText, copyToClipboard } = useCopyToClipboard();
 
   const copyText = useCallback(() => {
     copyToClipboard(text);
   }, [copyToClipboard, text]);
 
-  useEffect(() => {
-    if (!isHostHovered) {
-      clearClipboard();
-    }
-  }, [clearClipboard, isHostHovered]);
-
   return (
     <div
       ref={hostRef}

src/utils/react-hooks/useCopyToClipboard.ts

@@ -4,12 +4,16 @@ import { useState } from 'react';
 
 type CopiedText = string | null;
 type CopyFn = (text: string) => Promise<boolean>; // Return success
-type ClearFn = () => Promise<boolean>; // Return success
 
-const useCopyToClipboard = () => {
+export const useCopyToClipboard = () => {
   const [copiedText, setCopiedText] = useState<CopiedText>(null);
 
   const copyToClipboard: CopyFn = async (text) => {
+    if (!navigator?.clipboard) {
+      console.warn('Clipboard not supported');
+      return false;
+    }
+
     // Try to save to clipboard then save it in the state if worked
     try {
       await navigator.clipboard.writeText(text);
@@ -22,19 +26,5 @@ const useCopyToClipboard = () => {
     }
   };
 
-  const clearClipboard: ClearFn = async () => {
-    try {
-      await navigator.clipboard.writeText('');
-      setCopiedText(null);
-      return true;
-    } catch (error) {
-      console.warn('Clear failed', error);
-      setCopiedText(null);
-      return false;
-    }
-  };
-
-  return { copiedText, copyToClipboard, clearClipboard };
+  return { copiedText, copyToClipboard };
 };
-
-export default useCopyToClipboard;