summaryrefslogtreecommitdiff
path: root/src/Datetime.tsx
diff options
context:
space:
mode:
authorYuval Adam <_@yuv.al>2022-08-29 10:24:51 +0300
committerYuval Adam <_@yuv.al>2022-08-29 10:24:51 +0300
commit44a1c5b7e62e83af4d670e011f5998b9b8aedfef (patch)
tree4ad1299c0f5ba83a6d7783bdc0d6d649c037072b /src/Datetime.tsx
parent5e346930cb9e0672e15fbda4621a9b72e8b072e4 (diff)
Update all .tsx files and remove unused
Diffstat (limited to 'src/Datetime.tsx')
-rw-r--r--src/Datetime.tsx26
1 files changed, 26 insertions, 0 deletions
diff --git a/src/Datetime.tsx b/src/Datetime.tsx
new file mode 100644
index 0000000..9807211
--- /dev/null
+++ b/src/Datetime.tsx
@@ -0,0 +1,26 @@
+import React from "react";
+import { DateTime as LuxonDateTime } from "luxon";
+
+function DateTime(props) {
+ let { images, slider } = props;
+ let datetime = null;
+
+ if (images.length > 0) {
+ const ds = images[slider].substr(5, 13);
+ 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">
+ <div id="date">{date}</div>
+ <div id="time">{time}</div>
+ </div>
+ );
+}
+
+export default DateTime;