diff options
| author | Yuval Adam <_@yuv.al> | 2022-08-29 10:24:51 +0300 |
|---|---|---|
| committer | Yuval Adam <_@yuv.al> | 2022-08-29 10:24:51 +0300 |
| commit | 44a1c5b7e62e83af4d670e011f5998b9b8aedfef (patch) | |
| tree | 4ad1299c0f5ba83a6d7783bdc0d6d649c037072b /src/Datetime.tsx | |
| parent | 5e346930cb9e0672e15fbda4621a9b72e8b072e4 (diff) | |
Update all .tsx files and remove unused
Diffstat (limited to 'src/Datetime.tsx')
| -rw-r--r-- | src/Datetime.tsx | 26 |
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; |
