jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-03 18:06:38 -04:00
Code Issues Activity

use date-fns for formatting/distance

Browse Source
This commit is contained in:
Jake Jarvis
2021-08-01 09:26:34 -04:00
parent 5b44ffd93c
commit a123b38ee5
4 changed files with 70 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
assets/js/src/projects.js
View File

@ -1,8 +1,7 @@
import fetch from "cross-fetch";
import { html, render } from "lit-html";
import numeral from "numeral";
import dayjs from "dayjs";
import relativeTime from "dayjs/plugin/relativeTime.js";
import { format, formatDistanceToNowStrict, parseJSON } from "date-fns";
import twemoji from "twemoji";
// don't continue if there isn't a span#meta-hits element on this page
@ -10,8 +9,6 @@ const wrapper = document.getElementById("github-cards");
const spinner = document.getElementById("loading-spinner");
if (wrapper) {
dayjs.extend(relativeTime); // https://day.js.org/docs/en/plugin/relative-time
// this is a total sh*tshow, but safer than setting one big string via innerHTML :)
const template = (repo) => html`
<a class="repo-name" href="${repo.url}" target="_blank" rel="noopener">${repo.name}</a>
@ -62,8 +59,8 @@ if (wrapper) {
}
})()}
<div class="repo-meta" title="${dayjs(repo.updatedAt).format("MMM D, YYYY h:mm A")}">
<span>Updated ${dayjs(repo.updatedAt).fromNow()}</span>
<div class="repo-meta" title="${format(parseJSON(repo.updatedAt), "MMM d, yyyy, h:mm aa z")}">
<span>Updated ${formatDistanceToNowStrict(parseJSON(repo.updatedAt), { addSuffix: true })}</span>
</div>
`;