From d343740f3021686bae9a41fd73c2102a51239faa Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Thu, 3 Mar 2022 11:39:28 +0800
Subject: [PATCH] fix(webui): display release date without timezone adjustment

closes #818
---
 komga-webui/src/types/items.ts       | 4 ++--
 komga-webui/src/views/BrowseBook.vue | 7 +++++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/komga-webui/src/types/items.ts b/komga-webui/src/types/items.ts
index 4b224e44f..da2c4c0a5 100644
--- a/komga-webui/src/types/items.ts
+++ b/komga-webui/src/types/items.ts
@@ -104,7 +104,7 @@ export class BookItem extends Item<BookDto> {
       default:
         let text
         if (context.includes(ItemContext.RELEASE_DATE))
-          text = this.item.metadata.releaseDate ? new Intl.DateTimeFormat(i18n.locale, {dateStyle: 'medium'} as Intl.DateTimeFormatOptions).format(new Date(this.item.metadata.releaseDate)) : i18n.t('book_card.no_release_date')
+          text = this.item.metadata.releaseDate ? new Intl.DateTimeFormat(i18n.locale, {dateStyle: 'medium', timeZone: 'UTC'} as Intl.DateTimeFormatOptions).format(new Date(this.item.metadata.releaseDate)) : i18n.t('book_card.no_release_date')
         else if (context.includes(ItemContext.DATE_ADDED))
           text = new Intl.DateTimeFormat(i18n.locale, {dateStyle: 'medium'} as Intl.DateTimeFormatOptions).format(new Date(this.item.created))
         else if (context.includes(ItemContext.READ_DATE))
@@ -162,7 +162,7 @@ export class SeriesItem extends Item<SeriesDto> {
 
     let text
     if (context.includes(ItemContext.RELEASE_DATE))
-      text = this.item.booksMetadata.releaseDate ? new Intl.DateTimeFormat(i18n.locale, {dateStyle: 'medium'} as Intl.DateTimeFormatOptions).format(new Date(this.item.booksMetadata.releaseDate)) : i18n.t('book_card.no_release_date')
+      text = this.item.booksMetadata.releaseDate ? new Intl.DateTimeFormat(i18n.locale, {dateStyle: 'medium', timeZone: 'UTC'} as Intl.DateTimeFormatOptions).format(new Date(this.item.booksMetadata.releaseDate)) : i18n.t('book_card.no_release_date')
     else if (context.includes(ItemContext.DATE_ADDED))
       text = new Intl.DateTimeFormat(i18n.locale, {dateStyle: 'medium'} as Intl.DateTimeFormatOptions).format(new Date(this.item.created))
     else if (context.includes(ItemContext.DATE_UPDATED))
diff --git a/komga-webui/src/views/BrowseBook.vue b/komga-webui/src/views/BrowseBook.vue
index bc1cae2d5..73fb4ab76 100644
--- a/komga-webui/src/views/BrowseBook.vue
+++ b/komga-webui/src/views/BrowseBook.vue
@@ -67,7 +67,9 @@
               :to="{ name: 'browse-book', params: { bookId: book.id }, query: { context: context.origin, contextId: context.id} }"
             >
               <v-list-item-title class="text-wrap text-body-2">
-                <template v-if="contextReadList">{{ book.seriesTitle }} {{ book.metadata.number }}: {{ book.metadata.title }}</template>
+                <template v-if="contextReadList">{{ book.seriesTitle }} {{ book.metadata.number }}:
+                  {{ book.metadata.title }}
+                </template>
                 <template v-else>{{ book.metadata.number }} - {{ book.metadata.title }}</template>
               </v-list-item-title>
             </v-list-item>
@@ -146,7 +148,7 @@
 
               <v-col cols="auto" v-if="book.metadata.releaseDate">
                 {{
-                  new Intl.DateTimeFormat($i18n.locale, {dateStyle: 'long'}).format(new Date(book.metadata.releaseDate))
+                  new Intl.DateTimeFormat($i18n.locale, {dateStyle: 'long', timeZone: 'UTC'}).format(new Date(book.metadata.releaseDate))
                 }}
               </v-col>
 
@@ -418,6 +420,7 @@ import {convertErrorCodes} from '@/functions/error-codes'
 import RtlIcon from '@/components/RtlIcon.vue'
 import {BookSseDto, LibrarySseDto, ReadListSseDto, ReadProgressSseDto} from '@/types/komga-sse'
 import {RawLocation} from 'vue-router/types/router'
+import {zonedTimeToUtc} from 'date-fns-tz'
 
 export default Vue.extend({
   name: 'BrowseBook',