From f4eb0fa52f82a16aec181fa90ff6fc8ad638d8f3 Mon Sep 17 00:00:00 2001
From: tree <tree@hidden.cz>
Date: Sat, 25 Mar 2023 17:36:02 +0100
Subject: [PATCH] Timezone stuff

---
 package-lock.json                             | 10 ++++++++++
 package.json                                  |  1 +
 src/lib/components/CalendarList.svelte        |  7 +++++--
 src/lib/pbw.js                                |  1 +
 src/routes/[entry]/[type]/[slug]/+page.svelte |  5 +++--
 5 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index a61489e3..32fda0c3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,6 +14,7 @@
 				"@sveltejs/kit": "^1.3.3",
 				"autoprefixer": "^10.4.13",
 				"date-fns": "^2.29.3",
+				"date-fns-tz": "^2.0.0",
 				"eslint": "^8.33.0",
 				"eslint-config-prettier": "^8.6.0",
 				"eslint-plugin-svelte3": "^4.0.0",
@@ -980,6 +981,15 @@
 				"url": "https://opencollective.com/date-fns"
 			}
 		},
+		"node_modules/date-fns-tz": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/date-fns-tz/-/date-fns-tz-2.0.0.tgz",
+			"integrity": "sha512-OAtcLdB9vxSXTWHdT8b398ARImVwQMyjfYGkKD2zaGpHseG2UPHbHjXELReErZFxWdSLph3c2zOaaTyHfOhERQ==",
+			"dev": true,
+			"peerDependencies": {
+				"date-fns": ">=2.0.0"
+			}
+		},
 		"node_modules/debug": {
 			"version": "4.3.4",
 			"resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
diff --git a/package.json b/package.json
index 83bb8654..a168b3e2 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
 		"@sveltejs/kit": "^1.3.3",
 		"autoprefixer": "^10.4.13",
 		"date-fns": "^2.29.3",
+		"date-fns-tz": "^2.0.0",
 		"eslint": "^8.33.0",
 		"eslint-config-prettier": "^8.6.0",
 		"eslint-plugin-svelte3": "^4.0.0",
diff --git a/src/lib/components/CalendarList.svelte b/src/lib/components/CalendarList.svelte
index 9ebffe9d..0dad88e5 100644
--- a/src/lib/components/CalendarList.svelte
+++ b/src/lib/components/CalendarList.svelte
@@ -1,7 +1,9 @@
 <script>
-	import { format } from 'date-fns';
 	import ItemLogo from '$lib/components/ItemLogo.svelte';
 	import EventTypeBadge from '$lib/components/EventTypeBadge.svelte';
+	import { config } from '$lib/pbw';
+	import { format } from 'date-fns';
+	import { formatInTimeZone } from 'date-fns-tz'
 
 	export let segments;
 	export let date;
@@ -34,8 +36,9 @@
 		>
 			<div class="flex gap-2">
 				<div class="text-xl md:w-32 md:text-right">
-					{format(new Date(segment.startTime), 'HH:mm')} - {format(
+					{formatInTimeZone(new Date(segment.startTime), config.tz, 'HH:mm')} - {formatInTimeZone(
 						new Date(segment.endTime),
+						config.tz,
 						'HH:mm'
 					)}
 				</div>
diff --git a/src/lib/pbw.js b/src/lib/pbw.js
index 31a7987c..b5d87ec7 100644
--- a/src/lib/pbw.js
+++ b/src/lib/pbw.js
@@ -1,4 +1,5 @@
 export const config = {
+	tz: "Europe/Prague",
 	collections: {
 		places: {
 			title: 'Places',
diff --git a/src/routes/[entry]/[type]/[slug]/+page.svelte b/src/routes/[entry]/[type]/[slug]/+page.svelte
index b8df976f..43842e3f 100644
--- a/src/routes/[entry]/[type]/[slug]/+page.svelte
+++ b/src/routes/[entry]/[type]/[slug]/+page.svelte
@@ -12,6 +12,7 @@
 	import { formatItemDate, bareDomain, getFlagEmoji } from '$lib/utils.js';
 	import { config } from '$lib/pbw';
 	import { format } from 'date-fns';
+	import { formatInTimeZone } from 'date-fns-tz'
 
 	const colsDef = Object.fromEntries(
 		Object.keys(config.collections).map((col) => {
@@ -29,7 +30,7 @@
 		const dates = [];
 		for (const seg of event.segments) {
 			if (seg.remote) continue;
-			const date = format(new Date(seg.startTime), 'yyyy-MM-dd');
+			const date = formatInTimeZone(new Date(seg.startTime), config.tz, 'yyyy-MM-dd');
 			if (!dates.includes(date)) {
 				dates.push(date);
 			}
@@ -369,7 +370,7 @@
 							<div class="mt-4">
 								<CalendarList
 									{date}
-									segments={item.segments.filter((s) => s.remote || s.startTime.match(new RegExp('^' + date)))}
+									segments={item.segments.filter((s) => s.remote || formatInTimeZone(new Date(s.startTime), config.tz, 'yyyy-MM-dd') === date)}
 									{entry}
 									bundle={data.bundle}
 									event={item}