fix: work experience industry

Author: hentrymartin

src/apps/profiles/src/member-profile/work-expirence/ModifyWorkExpirenceModal/ModifyWorkExpirenceModal.tsx

@@ -14,6 +14,7 @@ import {
 import { INDUSTRIES_OPTIONS } from '~/libs/shared'
 
 import { WorkExpirenceCard } from '../WorkExpirenceCard'
+import { getIndustryOptionLabels, getIndustryOptionValues } from '../WorkExperience.utils'
 
 import styles from './ModifyWorkExpirenceModal.module.scss'
 
@@ -58,8 +59,8 @@ const ModifyWorkExpirenceModal: FC<ModifyWorkExpirenceModalProps> = (props: Modi
 
     const industryOptions: any = sortBy(INDUSTRIES_OPTIONS)
         .map(v => ({
-            label: v,
-            value: v,
+            label: getIndustryOptionLabels(v),
+            value: getIndustryOptionValues(v),
         }))
 
     function handleModifyWorkExpirenceSave(): void {

src/apps/profiles/src/member-profile/work-expirence/WorkExperience.utils.ts

@@ -0,0 +1,41 @@
+export const IndustryEnumToLabel: {
+    [key: string]: string
+} = {
+    'ConsumerGoods': 'Consumer goods',
+    'PublicSector': 'Public sector',
+    'TechAndTechnologyService': 'Tech & technology services',
+    'TravelAndHospitality' : 'Travel & hospitality',
+}
+
+export const IndustryLabelToEnum: {
+    [key: string]: string
+} = {
+    'Consumer goods': 'ConsumerGoods',
+    'Public sector': 'PublicSector',
+    'Tech & technology services': 'TechAndTechnologyService',
+    'Travel & hospitality': 'TravelAndHospitality',
+}
+
+
+export const getIndustryOptionValues = (v: string) => {
+    const values = Object.values(IndustryEnumToLabel)
+    const keys = Object.keys(IndustryEnumToLabel)
+    if (values.includes(v)) {
+        return IndustryLabelToEnum[v]
+    }
+
+    if (keys.includes(v)) {
+        return IndustryEnumToLabel[v]
+    }
+
+    return v
+}
+
+export const getIndustryOptionLabels = (v: string) => {
+    const keys = Object.keys(IndustryEnumToLabel)
+    if (keys.includes(v)) {
+        return IndustryEnumToLabel[v]
+    }
+
+    return v
+}

src/apps/profiles/src/member-profile/work-expirence/WorkExpirenceCard/WorkExpirenceCard.tsx

@@ -4,8 +4,11 @@ import moment from 'moment'
 
 import { UserTrait } from '~/libs/core'
 
+import { getIndustryOptionLabels } from '../WorkExperience.utils'
+
 import styles from './WorkExpirenceCard.module.scss'
 
+
 interface WorkExpirenceCardProps {
     work: UserTrait
     isModalView?: boolean
@@ -17,7 +20,7 @@ const WorkExpirenceCard: FC<WorkExpirenceCardProps> = (props: WorkExpirenceCardP
             <div className={styles.workExpirenceCardHeaderLeft}>
                 <p className='body-main-bold'>
                     {props.work.position}
-                    {props.work.industry ? `, ${props.work.industry}` : undefined}
+                    {props.work.industry ? `, ${getIndustryOptionLabels(props.work.industry)}` : undefined}
                 </p>
                 <p>
                     {props.work.company}