From 3764ef14a9726d38e9d09c859754e107f90e603c Mon Sep 17 00:00:00 2001
From: Nicholas Wallace <nicholaslwallace@gmail.com>
Date: Sat, 6 Jul 2024 16:21:06 +0000
Subject: [PATCH] Add: publish date of current version to modal

---
 client/components/app/SideRail.vue               | 10 ++++++++--
 client/components/modals/changelog/ViewModal.vue | 10 +++++++---
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/client/components/app/SideRail.vue b/client/components/app/SideRail.vue
index 56207526..b3985fc2 100644
--- a/client/components/app/SideRail.vue
+++ b/client/components/app/SideRail.vue
@@ -121,7 +121,7 @@
       <p v-else class="text-xxs text-gray-400 leading-3 text-center italic">{{ Source }}</p>
     </div>
 
-    <modals-changelog-view-modal v-model="showChangelogModal" :changelog="currentVersionChangelog" :currentVersion="$config.version" />
+    <modals-changelog-view-modal v-model="showChangelogModal" :changelog="currentVersionChangelog" :currentVersion="$config.version" :currentPubDate="currentVersionPubDate" />
   </div>
 </template>
 
@@ -152,6 +152,9 @@ export default {
     paramId() {
       return this.$route.params ? this.$route.params.id || '' : ''
     },
+    dateFormat() {
+      return this.$store.state.serverSettings.dateFormat
+    },
     currentLibraryId() {
       return this.$store.state.libraries.currentLibraryId
     },
@@ -222,6 +225,9 @@ export default {
     currentVersionChangelog() {
       return this.versionData.currentVersionChangelog || 'No Changelog Available'
     },
+    currentVersionPubDate() {
+      return `${this.$formatDate(this.versionData.currentVersionPubDate, this.dateFormat)}` || 'Unknown release date'
+    },
     streamLibraryItem() {
       return this.$store.state.streamLibraryItem
     },
@@ -245,4 +251,4 @@ export default {
 #siderail-buttons-container.player-open {
   max-height: calc(100vh - 64px - 48px - 160px);
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/client/components/modals/changelog/ViewModal.vue b/client/components/modals/changelog/ViewModal.vue
index 98b28b21..05503c43 100644
--- a/client/components/modals/changelog/ViewModal.vue
+++ b/client/components/modals/changelog/ViewModal.vue
@@ -6,7 +6,7 @@
       </div>
     </template>
     <div class="px-8 py-6 w-full rounded-lg bg-bg shadow-lg border border-black-300 relative overflow-y-scroll" style="max-height: 80vh">
-      <p class="text-xl font-bold pb-4">Changelog v{{ currentVersionNumber }}</p>
+      <p class="text-xl font-bold pb-4">Changelog v{{ currentVersionNumber }} ({{ currentVersionPubDate }})</p>
       <div class="custom-text" v-html="compiledMarkedown" />
     </div>
   </modals-modal>
@@ -19,6 +19,7 @@ export default {
   props: {
     value: Boolean,
     changelog: String,
+    currentPubDate: String,
     currentVersion: String
   },
   watch: {
@@ -43,6 +44,9 @@ export default {
     compiledMarkedown() {
       return marked.parse(this.changelog, { gfm: true, breaks: true })
     },
+    currentVersionPubDate() {
+      return this.currentPubDate
+    },
     currentVersionNumber() {
       return this.currentVersion
     }
@@ -57,7 +61,7 @@ export default {
 <style scoped>
 /*
 1. we need to manually define styles to apply to the parsed markdown elements,
-since we don't have access to the actual elements in this component 
+since we don't have access to the actual elements in this component
 
 2. v-deep allows these to take effect on the content passed in to the v-html in the div above
 */
@@ -70,4 +74,4 @@ since we don't have access to the actual elements in this component
 .custom-text ::v-deep > ul {
   @apply list-disc list-inside pb-4;
 }
-</style>
\ No newline at end of file
+</style>