From 0e5fe327fed4fd0420d912a34692f5513005a8f6 Mon Sep 17 00:00:00 2001
From: Zayd Krunz <70227235+ShrootBuck@users.noreply.github.com>
Date: Sun, 2 Jul 2023 16:34:51 -0700
Subject: [PATCH] Support for phone links

---
 .../Resume/ResumePDF/ResumePDFProfile.tsx     | 35 ++++++++++++++-----
 1 file changed, 26 insertions(+), 9 deletions(-)

diff --git a/src/app/components/Resume/ResumePDF/ResumePDFProfile.tsx b/src/app/components/Resume/ResumePDF/ResumePDFProfile.tsx
index 9316392..aa8a44e 100644
--- a/src/app/components/Resume/ResumePDF/ResumePDFProfile.tsx
+++ b/src/app/components/Resume/ResumePDF/ResumePDFProfile.tsx
@@ -52,18 +52,35 @@ export const ResumePDFProfile = ({
             }
           }
 
-          const shouldUseLinkWrapper = ["email", "url"].includes(key);
+          const shouldUseLinkWrapper = ["email", "url", "phone"].includes(key);
           const Wrapper = ({ children }: { children: React.ReactNode }) => {
             if (!shouldUseLinkWrapper) return <>{children}</>;
 
-            return (
-              <ResumePDFLink
-                src={key === "email" ? `mailto:${value}` : `https://${value}`}
-                isPDF={isPDF}
-              >
-                {children}
-              </ResumePDFLink>
-            );
+            switch (key) {
+              case "email":
+                return (
+                  <ResumePDFLink src={`mailto:${value}`} isPDF={isPDF}>
+                    {children}
+                  </ResumePDFLink>
+                );
+
+              case "phone":
+                return (
+                  <ResumePDFLink
+                    src={`tel:${value.replace(/[\(\)\s-]/g, "")}`} // This regex "cleans" the number
+                    isPDF={isPDF}
+                  >
+                    {children}
+                  </ResumePDFLink>
+                );
+
+              default:
+                return (
+                  <ResumePDFLink src={`https://${value}`} isPDF={isPDF}>
+                    {children}
+                  </ResumePDFLink>
+                );
+            }
           };
 
           return (