From 23b4e37b285cd63a4fab2ab4751d18101db5ad7e Mon Sep 17 00:00:00 2001
From: levg34 <levg34@users.noreply.github.com>
Date: Wed, 1 Nov 2023 23:01:53 +0000
Subject: [PATCH] change birthday to age

---
 frontend/src/cv-sections/CvHeader.tsx |  8 +++++---
 frontend/src/utils.ts                 | 12 ++++++++++++
 2 files changed, 17 insertions(+), 3 deletions(-)
 create mode 100644 frontend/src/utils.ts

diff --git a/frontend/src/cv-sections/CvHeader.tsx b/frontend/src/cv-sections/CvHeader.tsx
index 8e22406..f56d1da 100644
--- a/frontend/src/cv-sections/CvHeader.tsx
+++ b/frontend/src/cv-sections/CvHeader.tsx
@@ -2,6 +2,7 @@ import { Avatar, Card } from '@suid/material'
 import { Header } from '../types'
 import { For, Show } from 'solid-js'
 import Hidden from './Hidden'
+import { calculateAge } from '../utils'
 
 export default (header: Header) => (
     <Card>
@@ -24,9 +25,10 @@ export default (header: Header) => (
 
         <ul>
             <li>
-                <strong>Birthday:</strong>
-                <Show when={header.infos.birthday !== null} fallback={<Hidden key={'header.infos.birthday'} />}>
-                    {header.infos.birthday}
+                <strong>Age:</strong>
+                <Show when={header.infos.birthday !== null}>{calculateAge(header.infos.birthday)} years</Show>
+                <Show when={header.infos.birthday === null}>
+                    <Hidden key={'header.infos.birthday'} />
                 </Show>
             </li>
             <li>
diff --git a/frontend/src/utils.ts b/frontend/src/utils.ts
new file mode 100644
index 0000000..06a55ca
--- /dev/null
+++ b/frontend/src/utils.ts
@@ -0,0 +1,12 @@
+export function calculateAge(birthday: string | number | Date) {
+    const birthDate = new Date(birthday)
+    const currentDate = new Date()
+    let age = currentDate.getFullYear() - birthDate.getFullYear()
+
+    // Adjust age if birthday hasn't occurred yet this year
+    if (currentDate < new Date(currentDate.getFullYear(), birthDate.getMonth(), birthDate.getDate())) {
+        age--
+    }
+
+    return age
+}