From cb2e5e9f1786da173d5f4648d2e362c88dee22f5 Mon Sep 17 00:00:00 2001
From: Bauke <me@bauke.xyz>
Date: Fri, 11 Feb 2022 11:48:16 +0100
Subject: [PATCH] Add the release date to releases.

---
 source/scss/pages/_release.scss | 4 ++++
 source/ts/pages/release.ts      | 6 ++++++
 source/ts/utilities/release.ts  | 3 +++
 3 files changed, 13 insertions(+)

diff --git a/source/scss/pages/_release.scss b/source/scss/pages/_release.scss
index 0ce5e61..2e8a540 100644
--- a/source/scss/pages/_release.scss
+++ b/source/scss/pages/_release.scss
@@ -63,3 +63,7 @@
     margin-right: 1rem;
   }
 }
+
+.release-date {
+  font-size: 80%;
+}
diff --git a/source/ts/pages/release.ts b/source/ts/pages/release.ts
index 7a5eb07..d0de0c0 100644
--- a/source/ts/pages/release.ts
+++ b/source/ts/pages/release.ts
@@ -66,6 +66,11 @@ export default class ReleasePage extends Component<Props, State> {
     if (loading === 'finished' && release !== undefined) {
       document.title = release.display();
 
+      const date =
+        release.date === undefined
+          ? undefined
+          : html`<span class="release-date">${release.date}</span>`;
+
       const image =
         release.image === undefined
           ? undefined
@@ -117,6 +122,7 @@ export default class ReleasePage extends Component<Props, State> {
           <header class="release-header">
             ${image}
             <h1>${release.artist}<br />${release.title}</h1>
+            ${date}
           </header>
 
           <main class="release-main">
diff --git a/source/ts/utilities/release.ts b/source/ts/utilities/release.ts
index 6303c06..83dc5af 100644
--- a/source/ts/utilities/release.ts
+++ b/source/ts/utilities/release.ts
@@ -9,6 +9,7 @@ type ApiReleaseData = {
   'cover-art-archive': {
     front: boolean;
   };
+  date: string | undefined;
   id: string;
   relations: Array<{
     ended: boolean;
@@ -23,6 +24,7 @@ type ApiReleaseData = {
 // eslint-disable-next-line @typescript-eslint/naming-convention
 interface IRelease {
   artist: string;
+  date: string | undefined;
   image: string | undefined;
   links: RelationLink[];
   title: string;
@@ -77,6 +79,7 @@ export default class Release {
 
     return new Release({
       artist,
+      date: data.date,
       image,
       links,
       title: data.title,