Support for phone links

x0f5c3 · Jul 4, 2023 · 0e5fe32 · 0e5fe32
1 parent ed8d70b
commit 0e5fe32
Showing 1 changed file with 26 additions and 9 deletions.
diff --git 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 (