From 2293b6b8c45ea57fb7aaa971a554908a720c658a Mon Sep 17 00:00:00 2001
From: Zhang Ziqing <69516975+ziqing26@users.noreply.github.com>
Date: Mon, 7 Nov 2022 23:26:36 +0800
Subject: [PATCH] [offers][fix] convert education fields to display string
 (#529)

---
 .../src/components/offers/profile/EducationCard.tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/apps/portal/src/components/offers/profile/EducationCard.tsx b/apps/portal/src/components/offers/profile/EducationCard.tsx
index 9549e423..603b3c67 100644
--- a/apps/portal/src/components/offers/profile/EducationCard.tsx
+++ b/apps/portal/src/components/offers/profile/EducationCard.tsx
@@ -3,6 +3,8 @@ import {
   LightBulbIcon,
 } from '@heroicons/react/24/outline';
 
+import type { EducationType } from '~/components/offers/EducationFields';
+import { getLabelForEducationFieldType } from '~/components/offers/EducationFields';
 import type { EducationDisplayData } from '~/components/offers/types';
 
 type Props = Readonly<{
@@ -19,7 +21,16 @@ export default function EducationCard({
           <div className="flex items-center">
             <LightBulbIcon className="mr-1 h-5" />
             <span className="text-semibold ml-1">
-              {field ? `${type ?? 'N/A'}, ${field}` : type ?? `N/A`}
+              {field
+                ? `${
+                    type ? type.charAt(0).toUpperCase() + type.slice(1) : 'N/A'
+                  }, ${
+                    getLabelForEducationFieldType(field as EducationType) ??
+                    'N/A'
+                  }`
+                : type
+                ? type.charAt(0).toUpperCase() + type.slice(1)
+                : `N/A`}
             </span>
           </div>
           {school && (