Add company link at WorkerCard

src/components/WorkerCard/WorkerCard.styles.tsx

@@ -57,9 +57,11 @@ export const Email = styled.a`
   }
 `;
 
-export const Company = styled.p`
+export const CompanyLink = styled.a`
   font-weight: 400;
   font-size: 1rem;
+  color: #000000;
+  text-decoration: none;
 
   @media (max-width: 500px) {
     font-size: 0.875rem;

src/components/WorkerCard/WorkerCard.tsx

@@ -18,6 +18,7 @@ interface WorkerCardProps {
   devYear: number;
   position: string;
   userType: 'WORKER' | 'MENTOR';
+  companyLink: string;
   companyName: string;
   location: string;
 }
@@ -30,6 +31,7 @@ export const WorkerCardComponent: React.FC<WorkerCardProps> = ({
   profileImgUri,
   devYear,
   position,
+  companyLink,
   companyName,
   location,
   userType,
@@ -75,7 +77,13 @@ export const WorkerCardComponent: React.FC<WorkerCardProps> = ({
             )}
           </S.NameBadgeWrapper>
           <S.Email href={`mailto:${email}`}>{subString(email, 25)}</S.Email>
-          <S.Company>{subString(companyName, 18)}</S.Company>
+          <S.CompanyLink
+            href={companyLink}
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            {subString(companyName, 18)}
+          </S.CompanyLink>
         </S.ProfileParagraph>
       </S.ProfileWrapper>
       {!!introduction && (

src/components/WorkerList/WorkerList.tsx

@@ -63,6 +63,7 @@ export const WorkerListComponent: React.FC<WorkerListProps> = ({
             position={info.position}
             userType={info.userType}
             companyName={info.company.name}
+            companyLink={info.company.homepageUri}
             location={info.company.location}
           />
         ))