From f5a379ba26b93054d10844debf4e6166afc93ed3 Mon Sep 17 00:00:00 2001
From: Keane Chan <e0425601@u.nus.edu>
Date: Thu, 20 Oct 2022 20:34:48 +0800
Subject: [PATCH] [resumes][refactor] update to title

---
 .../resumes/badges/ResumeUserBadge.tsx         | 18 +++++++++---------
 .../resumes/badges/ResumeUserBadges.tsx        |  2 +-
 .../resumes/badges/resumeBadgeConstants.ts     |  8 ++++----
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/apps/portal/src/components/resumes/badges/ResumeUserBadge.tsx b/apps/portal/src/components/resumes/badges/ResumeUserBadge.tsx
index 59110aef..3d93e942 100644
--- a/apps/portal/src/components/resumes/badges/ResumeUserBadge.tsx
+++ b/apps/portal/src/components/resumes/badges/ResumeUserBadge.tsx
@@ -3,25 +3,25 @@ import type { BadgeIcon } from './resumeBadgeConstants';
 type Props = Readonly<{
   description: string;
   icon: BadgeIcon;
-  toolTip: string;
+  title: string;
 }>;
 
 export default function ResumeUserBadge({
   description,
   icon: Icon,
-  toolTip,
+  title,
 }: Props) {
   return (
     <div className="group flex items-center justify-center">
       <div
-        className="absolute -top-0 hidden w-64 -translate-y-full flex-col justify-center
-        gap-1 rounded-lg bg-slate-100 px-2 py-2 text-center drop-shadow-xl
-       after:absolute after:left-1/2
-       after:top-[100%] after:-translate-x-1/2 after:border-8 after:border-x-transparent
-       after:border-b-transparent after:border-t-slate-100 after:drop-shadow-lg
-       after:content-[''] group-hover:flex">
+        className="absolute -top-0 hidden w-64 -translate-y-full flex-col
+        justify-center gap-1 rounded-lg bg-slate-100 px-2 py-2 text-center drop-shadow-xl
+        after:absolute after:left-1/2 after:top-[100%] after:-translate-x-1/2
+        after:border-8 after:border-x-transparent after:border-b-transparent
+       after:border-t-slate-100 after:drop-shadow-lg after:content-['']
+        group-hover:flex">
         <Icon className="self-center" />
-        <p className="font-medium">{toolTip}</p>
+        <p className="font-medium">{title}</p>
         <p className="text-sm font-light">{description}</p>
       </div>
       <Icon className="h-4 w-4" />
diff --git a/apps/portal/src/components/resumes/badges/ResumeUserBadges.tsx b/apps/portal/src/components/resumes/badges/ResumeUserBadges.tsx
index d9337fae..0e621599 100644
--- a/apps/portal/src/components/resumes/badges/ResumeUserBadges.tsx
+++ b/apps/portal/src/components/resumes/badges/ResumeUserBadges.tsx
@@ -27,7 +27,7 @@ export default function ResumeUserBadges({ userId }: Props) {
             key={badge.id}
             description={badge.description}
             icon={badge.icon}
-            toolTip={badge.toolTip}
+            title={badge.title}
           />
         ),
       )}
diff --git a/apps/portal/src/components/resumes/badges/resumeBadgeConstants.ts b/apps/portal/src/components/resumes/badges/resumeBadgeConstants.ts
index 628e9a74..0c806437 100644
--- a/apps/portal/src/components/resumes/badges/resumeBadgeConstants.ts
+++ b/apps/portal/src/components/resumes/badges/resumeBadgeConstants.ts
@@ -15,7 +15,7 @@ export type BadgeInfo = {
   icon: BadgeIcon;
   id: string;
   isValid: (payload: BadgePayload) => boolean;
-  toolTip: string;
+  title: string;
 };
 
 // TODO: Add other badges in
@@ -34,7 +34,7 @@ export const RESUME_USER_BADGES: Array<BadgeInfo> = [
     id: 'Superhero',
     isValid: (payload: BadgePayload) =>
       payload.reviewedResumesCount >= TIER_THREE,
-    toolTip: 'True saviour of the people',
+    title: 'True saviour of the people',
   },
   {
     description: `Reviewed over ${TIER_TWO} resumes`,
@@ -43,7 +43,7 @@ export const RESUME_USER_BADGES: Array<BadgeInfo> = [
     isValid: (payload: BadgePayload) =>
       payload.reviewedResumesCount >= TIER_TWO &&
       payload.reviewedResumesCount < TIER_THREE,
-    toolTip: 'Keen eye for details like a private eye',
+    title: 'Keen eye for details like a private eye',
   },
   {
     description: `Reviewed over ${TIER_THREE} resumes`,
@@ -52,6 +52,6 @@ export const RESUME_USER_BADGES: Array<BadgeInfo> = [
     isValid: (payload: BadgePayload) =>
       payload.reviewedResumesCount >= TIER_ONE &&
       payload.reviewedResumesCount < TIER_TWO,
-    toolTip: 'As sharp as an eagle',
+    title: 'As sharp as an eagle',
   },
 ];