From 2619676c6e3888778681ec0ce666124679ee0e76 Mon Sep 17 00:00:00 2001
From: Nate Goldsborough <nathen418@playantares.com>
Date: Fri, 4 Nov 2022 13:45:27 -0500
Subject: [PATCH] add certLink to certification

---
 gitprofile.config.js                    |  1 +
 src/components/certifications/index.jsx | 14 +++++++++++---
 types/index.d.ts                        |  1 +
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/gitprofile.config.js b/gitprofile.config.js
index e446b05..fde1b12 100644
--- a/gitprofile.config.js
+++ b/gitprofile.config.js
@@ -64,6 +64,7 @@ const config = {
       body: 'Certification Body Name',
       name: 'My Sample Certification',
       year: 'March 2022',
+      certLink: 'https://example.com'
     },
   ],
   education: [
diff --git a/src/components/certifications/index.jsx b/src/components/certifications/index.jsx
index 2405ef0..e45e4b7 100644
--- a/src/components/certifications/index.jsx
+++ b/src/components/certifications/index.jsx
@@ -2,15 +2,19 @@ import { skeleton } from '../../helpers/utils';
 import { Fragment } from 'react';
 import PropTypes from 'prop-types';
 
-const ListItem = ({ year, name, body }) => (
+const ListItem = ({ year, name, body, certLink }) => (
   <li className="mb-5 ml-4">
     <div
       className="absolute w-2 h-2 bg-base-300 rounded-full border border-base-300 mt-1.5"
       style={{ left: '-4.5px' }}
     ></div>
     <div className="my-0.5 text-xs">{year}</div>
-    <h3 className="font-semibold">{name}</h3>
-    <div className="mb-4 font-normal">{body}</div>
+    <div className="font-semibold">
+      <a href={certLink} target="_blank" rel="noreferrer">
+        {name}
+      </a>
+    </div>
+    <h3 className="mb-4 font-normal">{body}</h3>
   </li>
 );
 
@@ -66,6 +70,9 @@ const Certifications = ({ certifications, loading }) => {
                         year={`${certification.year}`}
                         name={certification.name}
                         body={certification.body}
+                        certLink={
+                          certification.certLink ? certification.certLink : null
+                        }
                       />
                     ))}
                   </Fragment>
@@ -83,6 +90,7 @@ ListItem.propTypes = {
   year: PropTypes.node,
   name: PropTypes.node,
   body: PropTypes.node,
+  certLink: PropTypes.string,
 };
 
 Certifications.propTypes = {
diff --git a/types/index.d.ts b/types/index.d.ts
index 95e1f5f..6290dcb 100644
--- a/types/index.d.ts
+++ b/types/index.d.ts
@@ -218,6 +218,7 @@ export interface Certifications {
   body?: string;
   name?: string;
   year?: string;
+  certLink?: string;
 }
 
 export interface Education {