1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
|
import React from "react";
import { Footer } from "../styles";
const SHORT_CHARS = [
"0",
"1",
"2",
"3",
"4",
"5",
"6",
"7",
"8",
"9",
"a",
"b",
"c",
"d",
"e",
"f",
"g",
"h",
"i",
"j",
"k",
"l",
"m",
"n",
"o",
"p",
"q",
"r",
"s",
"t",
"u",
"v",
"w",
"x",
"y",
"z",
"A",
"B",
"C",
"D",
"E",
"F",
"G",
"H",
"I",
"J",
"K",
"L",
"M",
"N",
"O",
"P",
"Q",
"R",
"S",
"T",
"U",
"V",
"W",
"X",
"Y",
"Z",
];
function toShort(valu: number): string {
return (
valu
.toString()
.match(/.{1,2}/g)
?.map((s) => SHORT_CHARS[parseInt(s)])
.join("") ?? ""
);
}
function getTimestamp(seconds: number): string {
const date = new Date(seconds * 1000);
const dateArr = [
date.getUTCFullYear(),
date.getUTCMonth(),
date.getUTCDate(),
date.getUTCHours(),
date.getUTCMinutes(),
];
return dateArr.map(toShort).join(".") + "-0";
}
const FooterInfo = ({ timestamp }) => {
return (
<Footer>
<span>
©2022 kjhoerr@https://submelon.dev/:
{getTimestamp(parseInt(timestamp))}
</span>
</Footer>
);
};
export default FooterInfo;
|
