email. Added copy to clipboard on email

nethesis · Nov 4, 2024 · 80f2440 · 80f2440
1 parent ed73816
commit 80f2440
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 8 deletions.
diff --git a/components/common/CopyComponent.tsx b/components/common/CopyComponent.tsx
@@ -18,7 +18,7 @@ const CopyToClipboard: React.FC<CopyToClipboardProps> = ({ number, id }) => {
     event.preventDefault()
     event.stopPropagation()
 
-    navigator.clipboard.writeText(number).then(() => {
+    navigator.clipboard.writeText(number?.trim()).then(() => {
       setShowMessage(true)
       setTimeout(() => setShowMessage(false), 2000)
     })

diff --git a/components/phonebook/ContactSummary.tsx b/components/phonebook/ContactSummary.tsx
@@ -459,11 +459,13 @@ export const ContactSummary = forwardRef<HTMLButtonElement, ContactSummaryProps>
                     <a
                       target='_blank'
                       rel='noreferrer'
-                      href={`mailto: ${contact?.workemail}`}
+                      href={`mailto:${contact?.workemail?.trim()}`}
                       className='truncate hover:underline text-gray-900 dark:text-gray-100'
                     >
                       {contact?.workemail}
                     </a>
+                    {/* copy component */}
+                    <CopyComponent number={contact?.workemail} id='work-email' />
                   </div>
                 </dd>
               </div>

diff --git a/components/settings/Integrations.tsx b/components/settings/Integrations.tsx
@@ -10,7 +10,6 @@ import {
 } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { Button, InlineNotification, Modal } from '../common'
-import { CopyToClipboard } from 'react-copy-to-clipboard'
 import { useSelector } from 'react-redux'
 import { RootState } from '../../store'
 import { newIslandConfig } from '../../lib/settings'

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -21,7 +21,7 @@
     "@nethesis/nethesis-brands-svg-icons": "github:nethesis/Font-Awesome#ns-brands",
     "@nethesis/nethesis-light-svg-icons": "github:nethesis/Font-Awesome#ns-light",
     "@nethesis/nethesis-solid-svg-icons": "github:nethesis/Font-Awesome#ns-solid",
-    "@nethesis/phone-island": "^0.8.21",
+    "@nethesis/phone-island": "^0.8.22",
     "@rematch/core": "^2.2.0",
     "@rematch/immer": "^2.1.3",
     "@types/crypto-js": "^4.1.1",