fix contact info

saidaLachgar · Nov 15, 2024 · 2a8bc17 · 2a8bc17
1 parent 0350604
commit 2a8bc17
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 16 deletions.
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -45,24 +45,24 @@ import TimeComponent from './TimeComponent.astro'
         <li><p>{presentation.location} <TimeComponent /></p></li>
       </ul>
       <ul class="contact">
-        <li class="click-to-copy"><a href={`mailto:${presentation.mail}`} target="_self">{presentation.mail}</a><i/></li>
-        <li><a href={`sms:${presentation.sms_link}`} target="_self">text {presentation.sms}</a></li>
+        <li><a href={`mailto:${presentation.mail}`} target="_self">{presentation.mail}</a><i/></li>
+        <li><a href={`sms:${presentation.sms_link}`} target="_self">text {presentation.sms}</a><i/></li>
       </ul>
     </div>
   </div>
 </header>
 
 <script>
-  const mail = document.querySelector('.click-to-copy')
-  if (mail) {
-    const mailLink = mail.querySelector('a')
-    const copyMessage = mail.querySelector('i')
-    mailLink.addEventListener('click', (e) => {
+  const contactLinks = document.querySelectorAll('header .contact a')
+  contactLinks.forEach(contact => {
+    const mailLink = contact.href.replace('mailto:', '').replace('sms:', '')
+    const copyMessage = contact.nextElementSibling
+    contact.addEventListener('click', (e) => {
       e.preventDefault();
       if (!navigator.clipboard) {
         return
       }
-      navigator.clipboard.writeText(mailLink.innerText || mailLink.textContent).then(
+      navigator.clipboard.writeText(mailLink).then(
         () => {
           copyMessage.textContent = '(copied!)'
         },
@@ -75,7 +75,7 @@ import TimeComponent from './TimeComponent.astro'
         copyMessage.textContent = ''
       }, 2000)
     })
-  }
+  });
 </script>
 
 <!-- Cal element-click embed code begins -->
@@ -222,12 +222,14 @@ import TimeComponent from './TimeComponent.astro'
       flex: 1;
       min-width: 100px;
     }
-    .click-to-copy i{
-      position: absolute;
-      white-space: nowrap;
-      font-size: 10px;
-      margin-top: 2px;
-      margin-left: 10px;
+    .contact{
+      i{
+        position: absolute;
+        white-space: nowrap;
+        font-size: 10px;
+        margin-top: 2px;
+        margin-left: 10px;
+      }
     }
     @media (max-width: 655px) {
       .logo {

diff --git a/src/data/presentation.ts b/src/data/presentation.ts
@@ -15,7 +15,7 @@ type Presentation = {
 };
 
 const presentation: Presentation = {
-  mail: "hello@saidalachgar.com",
+  mail: "contact@saidalachgar.dev",
   sms_link: "+212641346928",
   sms: "(212) 641-346928",
   location: 'morocco, ag',