event bubbling stopping in copy icon

Author: shivani170

src/Common/ClipboardButton/ClipboardButton.tsx

@@ -16,7 +16,7 @@
 
 import { useState, useEffect, useCallback } from 'react'
 import Tippy from '@tippyjs/react'
-import { copyToClipboard, noop } from '../Helper'
+import { copyToClipboard, noop, stopPropagation } from '../Helper'
 import ClipboardProps from './types'
 import { ReactComponent as ICCopy } from '../../Assets/Icon/ic-copy.svg'
 import { ReactComponent as Check } from '../../Assets/Icon/ic-check.svg'
@@ -42,10 +42,16 @@ export default function ClipboardButton({
     const [copied, setCopied] = useState<boolean>(false)
     const [enableTippy, setEnableTippy] = useState<boolean>(false)
 
-    const handleTextCopied = () => setCopied(true)
+    const handleTextCopied = () => {setCopied(true)}
     const handleEnableTippy = () => setEnableTippy(true)
     const handleDisableTippy = () => setEnableTippy(false)
-    const handleCopyContent = useCallback(() => copyToClipboard(content, handleTextCopied), [content])
+    const handleCopyContent = useCallback(
+        (e?) => {
+            stopPropagation(e)
+            copyToClipboard(content, handleTextCopied)
+        },
+        [content],
+    )
 
     useEffect(() => {
         if (!copied) return