experience company link added

gitprofile.config.js

@@ -48,6 +48,7 @@ const config = {
       position: 'Backend Engineer II',
       from: 'September 2021',
       to: 'Present',
+      companyLink: 'https://monstar-lab.com/bd/',
     },
     {
       company: 'My Offer 360 Degree',

src/components/experience/index.jsx

@@ -2,7 +2,7 @@ import { skeleton } from '../../helpers/utils';
 import { Fragment } from 'react';
 import PropTypes from 'prop-types';
 
-const ListItem = ({ time, position, company }) => (
+const ListItem = ({ time, position, company, link }) => (    
   <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"
@@ -10,7 +10,12 @@ const ListItem = ({ time, position, company }) => (
     ></div>
     <div className="my-0.5 text-xs">{time}</div>
     <h3 className="font-semibold">{position}</h3>
-    <div className="mb-4 font-normal">{company}</div>
+    <div className="mb-4 font-normal"><a
+      href={link}
+      target="_blank"
+      rel="noreferrer"
+      className="flex justify-start py-2 px-1 items-center"
+    >{company}</a></div>
   </li>
 );
 
@@ -37,7 +42,6 @@ const Experience = ({ experiences, loading }) => {
 
     return array;
   };
-
   return (
     <>
       {experiences?.length !== 0 && (
@@ -66,6 +70,7 @@ const Experience = ({ experiences, loading }) => {
                         time={`${experience.from} - ${experience.to}`}
                         position={experience.position}
                         company={experience.company}
+                        link={experience.companyLink ? experience.companyLink: null}
                       />
                     ))}
                   </Fragment>
@@ -83,6 +88,7 @@ ListItem.propTypes = {
   time: PropTypes.node,
   position: PropTypes.node,
   company: PropTypes.node,
+  link: PropTypes.string,
 };
 
 Experience.propTypes = {

types/index.d.ts

@@ -207,6 +207,7 @@ export interface Experience {
   position?: string;
   from?: string;
   to?: string;
+  companyLink?: string;
 }
 
 export interface Education {