From 1e5743b1596276307f3028d5767488a7ffe11c4c Mon Sep 17 00:00:00 2001
From: Vidhu Kant Sharma <vidhukant@vidhukant.xyz>
Date: Sat, 1 Oct 2022 20:32:18 +0530
Subject: showing emails/phones as mailto: and tel: links

---
 src/components/tables/client-table.js | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

(limited to 'src/components')

diff --git a/src/components/tables/client-table.js b/src/components/tables/client-table.js
index d3b5c25..eb13308 100644
--- a/src/components/tables/client-table.js
+++ b/src/components/tables/client-table.js
@@ -50,15 +50,20 @@ const ClientTable = (props) => {
               <p className={"heading"}><strong>Contact: </strong>{i.Contact.Name}</p>
               <p>
                 Phone Number{i.Contact.Phones.length === 1 ? '' : 's'}:
-                {i.Contact.Phones.map((j, id) => ` ${j}${id + 1 === i.Contact.Phones.length ? '' : ','}`)}
+                {i.Contact.Phones.map((j, id) => <a key={`${j}-${id}`} href={`tel:${j}`}>{` ${j}${id + 1 === i.Contact.Phones.length ? '' : ','}`}</a>)}
                 <br/>
                 Email Address{i.Contact.Emails.length === 1 ? '' : 'es'}:
-                {i.Contact.Emails.map((j, id) => ` ${j}${id + 1 === i.Contact.Emails.length ? '' : ','}`)}
+                {i.Contact.Emails.map((j, id) => <a key={`${j}-${id}`} href={`mailto:${j}`}>{` ${j}${id + 1 === i.Contact.Emails.length ? '' : ','}`}</a>)}
                 <br/>
-                {i.Contact.Website.length > 0 && <a href={
-                  `${(i.Contact.Website.startsWith("https://")
+                {i.Contact.Website.length > 0 &&
+                 <a
+                   href={`${(i.Contact.Website.startsWith("https://")
                      || i.Contact.Website.startsWith("http://"))
-                       ? i.Contact.Website : 'https://' + i.Contact.Website}`}>{i.Contact.Website}</a>
+                       ? i.Contact.Website : 'https://' + i.Contact.Website}`}
+                   target="noreferrer noopener"
+                 >
+                   {i.Contact.Website}
+                 </a>
                 }
               </p>
 
-- 
cgit v1.2.3