update the year number to ordinal numbers

ubc-biomod · Dec 5, 2023 · ad19326 · ad19326
1 parent 21a1b09
commit ad19326
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/assets/profile_pictures/Rowel_Sabahat.png b/src/assets/profile_pictures/Rowel_Sabahat.png
diff --git a/src/components/ProfileCard.vue b/src/components/ProfileCard.vue
@@ -17,6 +17,19 @@ const handleImgErr = (e: Event) => {
   const target = e.target as HTMLImageElement
   target.src = emptyPic
 }
+
+const turnOrdinal = (year : number) => {
+  switch(year % 10) {
+    case 1:
+      return year + 'st'
+    case 2:
+      return year + 'nd'
+    case 3:
+      return year + 'rd'
+    default:
+      return year + 'th'
+  }
+}
 </script>
 
 <template>
@@ -58,7 +71,7 @@ const handleImgErr = (e: Event) => {
         <div class="flex flex-col items-center content-start gap-0 p-[0.5rem] max-h-full">
           <div class="text-lg font-bold text-white">{{ member?.name }}</div>
           <div class="text-xs font-normal relative bottom-1">
-            {{ member?.major }} · {{ member?.year }}th
+            {{ member?.major }} · {{ turnOrdinal(member?.year) }}
           </div>
           <p class="text-justify px-[1.6rem] overflow-y-scroll invisible-scroller">
             {{ member?.description }}