personal website (jaspermayone.com)
jaspermayone.com
1import dynamic from "next/dynamic";
2
3const Tooltip = dynamic(
4 () => import("@material-tailwind/react/components/Tooltip"),
5 { ssr: false },
6);
7
8import { formatDistanceToNow, isWeekend } from "date-fns";
9
10export default function CommitHash() {
11 const commitDate = new Date(process.env.COMMIT_DATE!);
12 const isitweekend = isWeekend(commitDate);
13 const formattedCommitDate = formatDistanceToNow(commitDate, {
14 addSuffix: true,
15 });
16 return (
17 <div>
18 <span className="sticky hidden text-xs sm:block">
19 v{process.env.APP_VERSION} |{" "}
20 <a
21 className="underline"
22 href={`https://github.com/jaspermayone/website/tree/${process.env.COMMIT_HASH}`}
23 >
24 <Tooltip
25 content={process.env.FULL_COMMIT_HASH}
26 className="rounded-xl bg-white p-2 font-sans text-black shadow-lg "
27 >
28 {process.env.COMMIT_HASH}
29 </Tooltip>
30 </a>{" "}
31 from {formattedCommitDate}
32 </span>
33 </div>
34 );
35}