Add DateTime component and remove unused vars

1 files changed, 26 insertions, 0 deletions

diff --git a/src/Datetime.js b/src/Datetime.js
new file mode 100644
index 0000000..df29ba1
--- /dev/null
+++ b/src/Datetime.js
@@ -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="date">{date}</div>
+      <div id="time">{time}</div>
+    </>
+  );
+}
+
+export default DateTime;