chore(app): add release year to directing credits

mgramigna · Dec 31, 2023 · 53f59cd · 53f59cd
1 parent c720537
commit 53f59cd
Showing 1 changed file with 22 additions and 12 deletions.
diff --git a/apps/nextjs/src/app/play/[gameId]/(pages)/p/[personId]/page.tsx b/apps/nextjs/src/app/play/[gameId]/(pages)/p/[personId]/page.tsx
@@ -98,18 +98,28 @@ export default function PersonDetailPage() {
                 Directing
               </h3>
               {directing.length > 0 ? (
-                directing.map(({ id, title }) => (
-                  <div key={id}>
-                    {title && (
-                      <ClickableDetail
-                        href={`/play/${gameId}/m/${id}`}
-                        label={title}
-                        type="movie"
-                        id={id}
-                      />
-                    )}
-                  </div>
-                ))
+                directing.map(({ id, title, release_date }) => {
+                  const releaseDate = release_date
+                    ? dayjs(release_date)
+                    : undefined;
+
+                  return (
+                    <div key={id}>
+                      {title && (
+                        <ClickableDetail
+                          href={`/play/${gameId}/m/${id}`}
+                          label={`${title}${
+                            releaseDate?.isValid()
+                              ? ` (${releaseDate.format("YYYY")})`
+                              : ""
+                          }`}
+                          type="movie"
+                          id={id}
+                        />
+                      )}
+                    </div>
+                  );
+                })
               ) : !creditsLoading ? (
                 <div className="w-72 text-sm italic">None</div>
               ) : null}