From 2a050b383bcafefb8fc378531d6f15f352fdb5a5 Mon Sep 17 00:00:00 2001
From: Yuval Adam <_@yuv.al>
Date: Wed, 24 Sep 2025 10:52:38 +0200
Subject: Override all files with v8 implementation

---
 src/components/Datetime.tsx | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 src/components/Datetime.tsx

(limited to 'src/components/Datetime.tsx')

diff --git a/src/components/Datetime.tsx b/src/components/Datetime.tsx
new file mode 100644
index 0000000..8b66a4f
--- /dev/null
+++ b/src/components/Datetime.tsx
@@ -0,0 +1,28 @@
+import React from "react";
+import { DateTime as LuxonDateTime } from "luxon";
+
+interface DateTimeProps {
+  images: string[];
+  slider: number;
+}
+
+export function DateTime({ images, slider }: DateTimeProps) {
+  let datetime: LuxonDateTime | null = null;
+
+  if (images.length > 0 && images[slider]) {
+    const ds = images[slider].substring(5, 18);
+    datetime = LuxonDateTime.fromFormat(ds, "yyyyMMdd/HHmm", {
+      zone: "utc",
+    }).setZone("Asia/Jerusalem");
+  }
+
+  const date = datetime ? datetime.toFormat("dd/MM/y") : "";
+  const time = datetime ? datetime.toFormat("HH:mm") : "";
+
+  return (
+    <div id="datetime" className="absolute top-5 left-5 text-white font-mono">
+      <div id="date" className="text-xl">{date}</div>
+      <div id="time" className="text-4xl">{time}</div>
+    </div>
+  );
+}
\ No newline at end of file
-- 
cgit v1.3.1

