From 46a5646a4358fe43242194fd1922c4c46685957e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakub=20Ber=C3=A1nek?= <berykubik@gmail.com>
Date: Sat, 20 Dec 2025 10:40:29 +0100
Subject: [PATCH] Fix cyclic dependency in frontend

---
 site/frontend/src/pages/compare/prefs.ts                 | 2 +-
 site/frontend/src/pages/status/date-format-selection.vue | 2 +-
 site/frontend/src/pages/status/page.vue                  | 3 +--
 site/frontend/src/utils/date-formats.ts                  | 3 +++
 site/frontend/src/utils/formatting.ts                    | 4 ----
 5 files changed, 6 insertions(+), 8 deletions(-)
 create mode 100644 site/frontend/src/utils/date-formats.ts

diff --git a/site/frontend/src/pages/compare/prefs.ts b/site/frontend/src/pages/compare/prefs.ts
index 5e8203600..d397bace3 100644
--- a/site/frontend/src/pages/compare/prefs.ts
+++ b/site/frontend/src/pages/compare/prefs.ts
@@ -1,5 +1,5 @@
 import {createStoredValue} from "../../storage";
-import {DATE_FMT_24HR} from "../../utils/formatting";
+import {DATE_FMT_24HR} from "../../utils/date-formats";
 
 export const PREF_FILTERS_OPENED = createStoredValue(
   "compare.filters-opened",
diff --git a/site/frontend/src/pages/status/date-format-selection.vue b/site/frontend/src/pages/status/date-format-selection.vue
index ea730b934..9b5816e28 100644
--- a/site/frontend/src/pages/status/date-format-selection.vue
+++ b/site/frontend/src/pages/status/date-format-selection.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import {DATE_FMT_12HR} from "../../utils/formatting";
+import {DATE_FMT_12HR} from "../../utils/date-formats";
 
 const props = defineProps<{
   dateFmt: string;
diff --git a/site/frontend/src/pages/status/page.vue b/site/frontend/src/pages/status/page.vue
index 2ae9a9f0f..f39902d70 100644
--- a/site/frontend/src/pages/status/page.vue
+++ b/site/frontend/src/pages/status/page.vue
@@ -9,8 +9,6 @@ import {
   formatISODate,
   formatSecondsAsDuration,
   parseDateIsoStringOrNull,
-  DATE_FMT_12HR,
-  DATE_FMT_24HR,
   preferredDateTimeFormat,
 } from "../../utils/formatting";
 import {useExpandedStore} from "../../utils/expansion";
@@ -24,6 +22,7 @@ import {
 import Collector from "./collector.vue";
 import CommitSha from "./commit-sha.vue";
 import DateFmtPicker from "./date-format-selection.vue";
+import {DATE_FMT_12HR, DATE_FMT_24HR} from "../../utils/date-formats";
 
 const loading = ref(true);
 
diff --git a/site/frontend/src/utils/date-formats.ts b/site/frontend/src/utils/date-formats.ts
new file mode 100644
index 000000000..b36c3adea
--- /dev/null
+++ b/site/frontend/src/utils/date-formats.ts
@@ -0,0 +1,3 @@
+// Date formats taken from https://date-fns.org/v4.1.0/docs/format
+export const DATE_FMT_24HR = "yyyy-MM-dd HH:mm:ss";
+export const DATE_FMT_12HR = "yyyy-MM-dd hh:mm:ss a";
diff --git a/site/frontend/src/utils/formatting.ts b/site/frontend/src/utils/formatting.ts
index c8319a3f8..597894ef4 100644
--- a/site/frontend/src/utils/formatting.ts
+++ b/site/frontend/src/utils/formatting.ts
@@ -22,10 +22,6 @@ export function formatSecondsAsDuration(time: number): string {
   return s;
 }
 
-// Date formats taken from https://date-fns.org/v4.1.0/docs/format
-export const DATE_FMT_24HR = "yyyy-MM-dd HH:mm:ss";
-export const DATE_FMT_12HR = "yyyy-MM-dd hh:mm:ss a";
-
 export const preferredDateTimeFormat = createPersistedRef(PREF_DATETIME_FORMAT);
 
 // Takes a date like `2025-09-10T08:22:47.161348Z` and formats it according to