From e39fcf6802232d18e67b7258dfe120843f4b114a Mon Sep 17 00:00:00 2001
From: Gabriel Kaszewski <gabrielkaszewski@gmail.com>
Date: Thu, 11 Jun 2026 14:04:52 +0200
Subject: [PATCH] feat: show person age calculated from birthday

---
 spa/src/routes/_app/people.$id.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/spa/src/routes/_app/people.$id.tsx b/spa/src/routes/_app/people.$id.tsx
index 4088853..1150e85 100644
--- a/spa/src/routes/_app/people.$id.tsx
+++ b/spa/src/routes/_app/people.$id.tsx
@@ -10,6 +10,7 @@ import { tmdbProfileUrl } from "@/lib/api/client"
 import { usePersonCredits } from "@/hooks/use-search"
 import { useDocumentTitle } from "@/hooks/use-document-title"
 import { shortDate } from "@/lib/date"
+import { differenceInYears, parseISO } from "date-fns"
 
 export const Route = createFileRoute("/_app/people/$id")({
   component: PersonDetailPage,
@@ -51,6 +52,7 @@ function PersonDetailPage() {
               <Calendar className="size-3" />
               {shortDate(person.birthday)}
               {person.deathday && ` — ${shortDate(person.deathday)}`}
+              {` (${differenceInYears(person.deathday ? parseISO(person.deathday) : new Date(), parseISO(person.birthday))})`}
             </p>
           )}
           {person.place_of_birth && (