✨ Adds domain name monitor widget

src/utils/MiscHelpers.js

@@ -28,7 +28,7 @@ export const sanitize = (string) => {
 export const timestampToDate = (timestamp) => {
   const localFormat = navigator.language;
   const dateFormat = {
-    weekday: 'short', day: 'numeric', month: 'short', year: '2-digit',
+    weekday: 'short', day: 'numeric', month: 'short', year: 'numeric',
   };
   const date = new Date(timestamp).toLocaleDateString(localFormat, dateFormat);
   return `${date}`;
@@ -133,16 +133,18 @@ export const getTimeDifference = (startTime, endTime) => {
   if (diff < 3600) return `${divide(diff, 60)} minutes`;
   if (diff < 86400) return `${divide(diff, 3600)} hours`;
   if (diff < 604800) return `${divide(diff, 86400)} days`;
-  if (diff >= 604800) return `${divide(diff, 604800)} weeks`;
+  if (diff < 31557600) return `${divide(diff, 604800)} weeks`;
+  if (diff >= 31557600) return `${divide(diff, 31557600)} years`;
   return 'unknown';
 };
 
 /* Given a timestamp, return how long ago it was, e.g. '10 minutes' */
 export const getTimeAgo = (dateTime) => {
   const now = new Date().getTime();
+  const isHistorical = new Date(dateTime).getTime() < now;
   const diffStr = getTimeDifference(dateTime, now);
   if (diffStr === 'unknown') return diffStr;
-  return `${diffStr} ago`;
+  return isHistorical ? `${diffStr} ago` : `in ${diffStr}`;
 };
 
 /* Given the name of a CSS variable, returns it's value */

src/utils/defaults.js

@@ -224,6 +224,7 @@ module.exports = {
     cryptoPrices: 'https://api.coingecko.com/api/v3/coins/',
     cryptoWatchList: 'https://api.coingecko.com/api/v3/coins/markets/',
     cveVulnerabilities: 'https://www.cvedetails.com/json-feed.php',
+    domainMonitor: 'https://api.whoapi.com',
     ethGasPrices: 'https://ethgas.watch/api/gas',
     ethGasHistory: 'https://ethgas.watch/api/gas/trend',
     exchangeRates: 'https://v6.exchangerate-api.com/v6/',