TP-55233 | copy tooltip fix (#896)

src/pages/CaseDetails/components/Contact/CustomerEmailData.tsx

@@ -6,7 +6,7 @@ import GmailIcon from '@cp/src/assets/icons/GmailIcon';
 import Button from '@navi/web-ui/lib/primitives/Button/Button';
 import { Tag } from '@navi/web-ui/lib/primitives';
 import CopyToClipboardIcon from '@cp/src/assets/icons/CopyToClipboardIcon';
-import { copyToClipboard } from '@cp/src/utils/commonUtils';
+import { ClickTopCopy } from '@cp/src/utils/commonUtils';
 import { Tooltip, TooltipContent, TooltipTrigger } from '@cp/src/components/TooltipV2/TooltipV2';
 import {
   TagColor,
@@ -21,7 +21,11 @@ const CustomerEmailData: React.FC<CustomerDetailApiResponse> = data => {
   const [emailTooltip, setEmailTooltip] = useState(tooltipCopy);
   const [emailTooltipArrow, setEmailTooltipArrow] = useState(tooltipArrowColor);
   const handleEmailCopy = (text: string) => {
-    copyToClipboard(text);
+    ClickTopCopy({
+      text: text,
+      setArrowColor: setEmailTooltipArrow,
+      setTooltipContent: setEmailTooltip
+    });
   };
   const handleGmailClick = (email: string) => {
     event?.preventDefault();