📦 EqualifyEverything / equalify

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
62import styles from "./ChartTooltipContent.module.scss"

interface CustomTooltipProps {
  active?: boolean; // Optional, as it might be undefined when not active
  payload?: Array<any>; // Or a more specific type if your data structure is known
  label?: string | number; // Or a more specific type based on your label data
}

export const ChartTooltipContent = ({
  active,
  payload,
  label,
}: CustomTooltipProps) => {
  if (active && payload && payload.length) {
    //console.log(label);
    const parsed = (label as string).split("-").map(Number) ?? null;
    const theDate = new Date(parsed[0], parsed[1]-1, parsed[2]);
    //console.log(theDate);
    
    const date = label
      ? (new Date(theDate).toLocaleDateString("en-US", {
          weekday: "short",
          year: "numeric",
          month: "short",
          day: "numeric",
        }))
      : null;
    let scannedTime = "";
    if (payload.length > 0 && payload[0].payload?.timestamp) {
      const scanTimeDate = new Date(payload[0].payload?.timestamp);
      scannedTime =
        "Scanned at " +
        scanTimeDate.toLocaleTimeString(navigator.language, {
          hour: "2-digit",
          minute: "2-digit",
        });
    }
    return (
      <div
        className={styles.tooltip}
      >
          <div className="block">{date}</div>
          <div className="block">
            Blockers: <b>{payload[0].payload.blockers}</b>
            { ( payload[0].payload.processedPagesCount && payload[0].payload.pagesCount ) ??
            <>
            URLs Scanned: <b>{payload[0].payload.processedPagesCount}/{payload[0].payload.pagesCount}</b>
            </>
            }
          </div>
          {scannedTime && (
            <div className="block">
              <b>{scannedTime}</b>
            </div>
          )}
      </div>
    );
  }

  return null;
};