From f2c11bf2cf8dba3511ee25a529dea2861c3bccce Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Wed, 18 Feb 2026 01:55:59 +0100
Subject: [PATCH] chore(profile): date formatting from utils

---
 .../PlayerProfileView/ProfileHistoryList.vue  | 24 ++++++++++---------
 src/composables/time.ts                       |  6 +++++
 2 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/src/components/PlayerProfileView/ProfileHistoryList.vue b/src/components/PlayerProfileView/ProfileHistoryList.vue
index 0047f14..1975539 100644
--- a/src/components/PlayerProfileView/ProfileHistoryList.vue
+++ b/src/components/PlayerProfileView/ProfileHistoryList.vue
@@ -48,18 +48,20 @@
                 : !entry.value.terminated && entry.type != 'IssuedTimetable'
             "
           >
-            {{ entry.date.toLocaleString('pl-PL', { dateStyle: 'long', timeStyle: 'short' }) }}
-            <span v-if="'timestampTo' in entry.value && entry.value.timestampTo" u>
+            {{ dateToLocaleString(entry.date, { dateStyle: 'long', timeStyle: 'short' }) }}
+            <span v-if="'timestampTo' in entry.value && entry.value.timestampTo">
               -
-              {{
-                new Date(entry.value.timestampTo).toLocaleString('pl-PL', {
-                  dateStyle:
-                    new Date(entry.value.timestampTo).getDay() == entry.date.getDay()
-                      ? undefined
-                      : 'long',
+              <span v-if="new Date(entry.value.timestampTo).getDay() == entry.date.getDay()">{{
+                dateToLocaleString(new Date(entry.value.timestampTo), {
                   timeStyle: 'short'
                 })
-              }}
+              }}</span>
+              <span v-else>{{
+                dateToLocaleString(new Date(entry.value.timestampTo), {
+                  dateStyle: 'long',
+                  timeStyle: 'short'
+                })
+              }}</span>
             </span>
           </b>
         </div>
@@ -97,8 +99,8 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, onMounted, PropType, reactive, ref } from 'vue';
-import { humanizeDuration } from '../../composables/time';
+import { computed, onMounted, reactive, ref } from 'vue';
+import { dateToLocaleString, humanizeDuration } from '../../composables/time';
 import { API } from '../../typings/api';
 import { useI18n } from 'vue-i18n';
 import { useApiStore } from '../../store/apiStore';
diff --git a/src/composables/time.ts b/src/composables/time.ts
index 2f882b3..edb1eba 100644
--- a/src/composables/time.ts
+++ b/src/composables/time.ts
@@ -29,3 +29,9 @@ export function humanizeDuration(timestampMs: number, showSeconds = false) {
       ? t('journal.seconds', { value: duration.secondsTotal }, duration.secondsTotal)
       : t('journal.minutes', { value: duration.minsTotal }, duration.minsTotal);
 }
+
+export function dateToLocaleString(date: Date, dateOptions: Intl.DateTimeFormatOptions) {
+  const { locale } = useI18n();
+
+  return date.toLocaleString(locale.value == 'pl' ? 'pl-PL' : 'en-GB', dateOptions);
+}