From 53b64165dbe4a813dc64522baf8dd8212a1afc05 Mon Sep 17 00:00:00 2001
From: kieran <kieran@harkin.me>
Date: Mon, 16 Dec 2024 15:08:46 +0000
Subject: [PATCH] fix: birthday

---
 packages/app/src/Pages/Layout/LogoHeader.tsx | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/Pages/Layout/LogoHeader.tsx b/packages/app/src/Pages/Layout/LogoHeader.tsx
index 17a81247..d7082e17 100644
--- a/packages/app/src/Pages/Layout/LogoHeader.tsx
+++ b/packages/app/src/Pages/Layout/LogoHeader.tsx
@@ -9,10 +9,25 @@ import useLogin from "../../Hooks/useLogin";
 import { isBirthday, isChristmas, isHalloween, isStPatricksDay } from "../../Utils";
 import { getCurrentSubscription } from "../../Utils/Subscription";
 
+function ordinal_suffix_of(i: number) {
+  const j = i % 10;
+  const k = i % 100;
+  if (j === 1 && k !== 11) {
+    return i + "st";
+  }
+  if (j === 2 && k !== 12) {
+    return i + "nd";
+  }
+  if (j === 3 && k !== 13) {
+    return i + "rd";
+  }
+  return i + "th";
+}
+
 const getExtra = () => {
   if (isBirthday()) {
-    const age = (unixNowMs() - Birthday.getTime()) / (Day * 365_000);
-    return <span className="text-xs">{age.toFixed(0)}st 🎂</span>;
+    const age = Math.floor((unixNowMs() - Birthday.getTime()) / (Day * 365_000));
+    return <span className="text-xs">{ordinal_suffix_of(age)} 🎂</span>;
   }
   if (isHalloween()) return <span title="Happy Halloween!">🎃</span>;
   if (isStPatricksDay()) return <span title="Happy St. Patrick's Day!">🍀</span>;