Merge pull request #196 from jsvigneshkanna/main

Add company link in experience section

README.md

@@ -228,6 +228,7 @@ const config = {
       position: 'Software Engineer',
       from: 'July 2019',
       to: 'Present',
+      companyLink: 'https://comapny.com',
     },
     {
       company: 'Company name 2',
@@ -463,6 +464,7 @@ module.exports = {
       position: 'Software Engineer',
       from: 'July 2019',
       to: 'Present',
+      companyLink: 'https://company1.com',
     },
     {
       company: 'Company name 2',

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,16 @@ 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 +46,6 @@ const Experience = ({ experiences, loading }) => {
 
     return array;
   };
-
   return (
     <>
       {experiences?.length !== 0 && (
@@ -66,6 +74,9 @@ const Experience = ({ experiences, loading }) => {
                         time={`${experience.from} - ${experience.to}`}
                         position={experience.position}
                         company={experience.company}
+                        link={
+                          experience.companyLink ? experience.companyLink : null
+                        }
                       />
                     ))}
                   </Fragment>
@@ -83,6 +94,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 {